
    }), 'top-left');
/*map.showTileBoundaries = true;*/
/*map.showCollisionBoxes = true;*/
map.on('contextmenu', (e) => {
  if (start_set == 'Y') {
    end_lat = e.lngLat.lat;
    end_lon = e.lngLat.lng;
    if (endMarker) {
      endMarker.remove();
    }
    endMarker = new mapboxgl.Marker({ "color": "#4b23da", "draggable": "true" })
      .setLngLat([end_lon, end_lat])
      .addTo(map);
    endMarker.on('dragend', function() { onDragEnd('E'); });
    end_set = 'Y';
    onDragEnd('E');
  } else {
    st