Code examples

TagsTags

map controls deck.gl events integration layers lines markers polygons

Getting startedGetting started

• Create a map map

Map parametersMap parameters

• Asynchronous loading of the JS Map API when scrolling the page map
• Asynchronous loading of the JS Map API when switching tabs map
• Change camera position map controls events
• Change map behaviors map controls
• Create and delete the map map
• Moving the map map controls
• Optimize rerenders map controls
• Restrict the map view area map polygons controls

Objects on the mapObjects on the map

• Add a marker with a custom icon to the map markers
• Changing the marker icon on mouse hover markers
• Create a circle polygons
• Create a default marker markers
• Create a draggable marker markers
• Create a line lines controls events
• Create a marker clusterer markers controls layers
• Create a marker with a popup window markers
• Create a polygon polygons
• Display a hint when hovering over map elements markers polygons lines
• Stop propagation of events on current element markers

LayersLayers

• Creating your own map markers layers
• Custom map type layers
• Custom tiles on canvas layers
• Integration with Decl GL layers integration deck.gl
• Map customization layers controls

Events and event handlingEvents and event handling

• Getting a link to a map fragment events
• Map event listeners events controls

Map controlsMap controls

• Add a fullscreen control to the map controls
• Add a geolocation control to the map controls
• Add a zoom control to the map controls
• Display map scale controls
• Group of objects on the map controls markers

Building routesBuilding routes

• Build a route between two points markers lines controls

Search on the mapSearch on the map

• Initializing the map with geocoding results map

Advanced examplesAdvanced examples

• Many points markers events layers
• Measurements by the ruler of the package with the default UI theme controls markers
• Measuring with a ruler using the ruler module controls markers