a unique identifier that represents Google Map styling and configuration settings stored in Google Cloud

string mapId;

Example

webix.ui({
  // provide your own Google API key
  key:"AIzaSyAi0oVNVO-e603aUY8SILdD4v9bVBkmiTg",
  // Map ID is required for advanced markers
  mapId:"DEMO_MAP_ID",
  view:"google-map",
  zoom:6,
  center:[ 48.724, 8.215 ],
  // customizing the default pin element of the marker
  template: function(item, PinElement){
    return new PinElement({
      scale: item.id
    }).element;
  },
  data:[
    { id:1, lat:48.782, lng:9.177 },
    { id:2, lat:47.366, lng:8.55 },
    { id:3, lat: 48.137, lng: 11.575 }
  ]
});

Related samples

Details

Map IDs are used to enable features, manage or style maps on your websites and applications. To enable advanced markers used in Google Maps, you can either create a map ID or use the demo map ID - DEMO_MAP_ID.

• Check the Map ID overview
• Learn about AdvancedMarker

See also

Back to top