GoogleMap API

Thanks to the GoogleMap API, you can create more advanced Maps within your projects.The Google Map API widget lets you create a series of Markers with associated data.A series can be created manually by adding the Markers one by one, or directly by loading geolocated records from a database.

In Order to use the GoogleMap API Plugin, you must enable it from the project settings (Plugins Tab) and set your Google Map API key by clicking on the “Configure” button.

...

Advanced Property Map Setting

...
  • Display Ratio

    The size of the container that will display the map is responsive with a fixed display ratio between height and width.
    The ratio can be from 1:1 (Square) to 21:9 (Wide).

  • View Mode

    The View mode for the map:

    ...

    TERRAIN

    ...

    ROADMAP

    ...

    SATELLITE

    ...

    HYBRID

  • Zoom Level

    The Initial Zoom Level from 0 to 18.

  • Theme

    Thorium Builder implements some predefined Themes.
    Themes won't be applied when the map is displayed in Satellite or Hybrid Mode.

    ...

    ULTRA LIGHT GRAY

    ...

    ULTRA LIGHT BLUE

    ...

    SILVER

    ...

    RETRO

    ...

    NIGHT

    ...

    LIGHT

    ...

    DARK

    ...

    AUBERGINE

    ...

    APPLE

    ...

    WHITE WATER

  • Geo Locate User

    If this option is selected , the map will be automatically centered to the User current location.

  • Center at Position

    You can define the Latitude and Longitude of the point where you want to center the map when the page is loaded.
    Note that if the previous option (GeoLocate user) is enabled, the map will try first to center to the user position.

    You can choose a Point (Lat & Lng) from a Map by selected the Button “Choose on Map” as shown in the screen below:  

    ...

Advanced Property Map Setting - Adding Markers to Map

The “Markers” tab of the GoogleMap Configuration Window lets you add markers from the Database or manually.

...

Markers Management

Get Markers from SQLite Database

If you select the Checkbox “Get Markers from Database”, then the markers will be loaded from the geolocated records from the database.
If that option is not selected, then you will have to add the geolocated markers one by one by using the + button.

When using Markers from the database, you will have to set the following options:

  • 1°- Category: the database records category you want to load.

  • 2°- The maximum number of rows you want to load.

  • 3°- The detail window that will be loaded when the user will select a marker. (Can be empty.)

    ...

Populating a Map from Firebase

It is possible to populate a Map from a Firebase Collection, you just have to set the Collection name, the Firebase Fields and, if required, the filter values:

...

Populating a Map with the JSON API

It is possible to populate a Map from a Json API source (Local or Remote), you just have to set the API URL or Json File, the Json Fields , the root and Key Field (Primary Key)

...
Copyright©  Nymphide Lab 2020 - All Rights Reserved 

...