Google Map Widget
General Setting
User can change following things in Google Map widget:
  • Name for widget which will be used data reference. For Example, if widget name is 'Map', then data of widget is referenced as Map.data
  • Show title - User can show/hide widget title
  • Title Color
  • Background Color
Configure Google Map Widget
Widget Setting
In Widget Setting option, user can change following parameters:
  • Key - key parameter of JSON Object which will define location details for Google Map widget.
  • Marker Color
  • Marker Type - Following marker types are available to show location on Map.
    1. 1.
      CIRCLE
    2. 2.
      BACKWARD CLOSED ARROW
    3. 3.
      FORWARD CLOSED ARROW
    4. 4.
      BACKWARD OPEN ARROW
    5. 5.
      FORWARD OPEN ARROW
Configure Google Map Widget

Source

User can select a source mode as MQTT or Action.
Using MQTT
Here, to update location on Google Map user can publish JSON object on given testData MQTT topic. No need to provide <account_id> while providing the MQTT topic. The JSON object will be as below.
//Example
{
"locationKey": {"lat": 15.78, "lng": 78.12}
}
// Here, 'locationKey' is key defined for Google Map widget.
Configure Google Map Widget
Using Action
Here, to update the Google Map widget, output of the action should contain JSON object as given in above example. User can also update the widget either onLoad or periodically by providing refresh interval.
Configure Google Map Widget

Event Handling

Google Map widget does not support any event.

Example

If we configure Google map Widget as below:
  1. 1.
    key - mapKey
  2. 2.
    Marker type - circle
  3. 3.
    Marker color - red
and set source type for widget as MQTT and topic configured is 'data'. And if we publish following JSON Object over 'data' topic then Google Map Widget will look as shown in image.
// Data over configured MQTT Topic
{
"mapKey": {"lat": 15.78, "lng": 78.12}
}
Google Map Widget Example
Copy link
Outline