Cercalia context menu option

Copy
<!DOCTYPE html>
<html>
  <head>
    <title>Cercalia context menu option</title>
    <script src="https://maps.cercalia.com/maps/loader.js?key=YOUR_API_KEY&v=5&lang=en&theme=1976d2"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
      var map = null;
      var marker = null;
      document.addEventListener('cercalia-ready', function() {
        map = new cercalia.Map({
          target: 'map'
        });


        var clickFunction = function(event, position) {
          map.setCenter(position, 13);
          if (!marker) {
            marker = new cercalia.Marker({
              position: position
            });
            map.addMarker(marker);
          } else {
            marker.setPosition(position);
          }
        };


        var contextMenu = map.getContextMenu();
        contextMenu.removeAllOptions();
        contextMenu.addOption('centerZoomBtn', 'Center and zoom', clickFunction);
      });
    </script>
  </body>
</html>