monaca-stock-management-map-chosen.js

// Move on the map and add marker to a chosen position
function moveOnTheMap(map, chosenPositionMarker) {
  map.on("click", function (e) {
    lat = e.latlng.lat;
    lon = e.latlng.lng;
    document.getElementById("shop-location").value = lat + " " + lon;

    let redIcon = new L.Icon({
      iconUrl: "https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png",
      shadowUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png",
      iconSize: [25, 41],
      iconAnchor: [12, 41],
      popupAnchor: [1, -34],
      shadowSize: [41, 41],
    });

    if (chosenPositionMarker != undefined)
      map.removeLayer(chosenPositionMarker);

    chosenPositionMarker = L.marker([lat, lon], { icon: redIcon })
      .addTo(map)
      .bindPopup("Your chosen position.")
      .openPopup();

    map.setView([lat, lon], 14);
  });
}