Code examples

TagsTags

map controls deck.gl events heatmap integration layers lines markers polygons webgl

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
• Adding a default popup on the map markers
• Bounds by rspn markers
• Changing the marker icon on mouse hover markers
• Colorful line lines
• 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
• Dynamic loading of balloon content markers
• Follow location markers lines
• Hitting a point in a circle markers polygons controls
• Line with a stroke lines
• Line with dashes lines
• Live markers markers
• Stop propagation of events on current element markers

LayersLayers

• Creating your own map markers layers
• Custom map hotspots layers
• Custom map type layers
• Custom tiles on canvas layers
• Determining the tile number layers
• Heatmap on custom layers webgl heatmap layers
• Hide layers markers lines layers
• Integration with Deck 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
• Add route control to the map controls
• Add search control to the map controls
• Adding rotation and tilt controls 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
• Route progress markers lines

Search on the mapSearch on the map

• Initializing the map with geocoding results map
• Search through local collection of objects markers controls

Advanced examplesAdvanced examples

• A hint about scrolling the map map events
• Building a route to interesting places near a specified point map lines markers controls
• Delivery cost calculator markers polygons lines
• Lasso polygons lines
• 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
• Polygon and Line Geometry Editor controls polygons lines
• Synchronization of two maps map events
• Visualization of various data formats on the map lines

Integration with servicesIntegration with services

• Integration with Next.js map integration
• Replacing a static map with a dynamic map