Skip to content

Map

Description

Display a google map screen based on below configuration.

Attributes

  • tile=map
  • title
  • body: Provide a location information
  • metric: Json notation Path string to get the data from the dispatches | shared for e.g $.location.
  • map: [objects]
    • height: uses for calculating map height and zooming map details
    • theme: silver | retro
  • options: [Object]
    • showAddress: true | false. Show location address above the map.
  • classes

Example

 {
  "tile": "map",
  "body": "Sierra Gorda Biosphere Reserve",
  "map": {
    "theme": "silver",
    "height": 500
  },
  "xxxtitle": "Location",
  "options": {
    "showAddress": false
  },
  "classes": {
    "root": "my-2"
  }
}

Example1

{
    "tile": "map",
    "body": "Sierra Gorda Biosphere Reserve",
    "metric": "$.location",
    "map": {
      "theme": "silver",
      "height": 500
    },
    "xxxtitle": "Location",
    "options": {
      "showAddress": false
    },
    "classes": {
      "root": "my-2"
    }
}