Javascript 单击地图时添加新标记（OpenStreetMap，传单JS）

右键单击时，我想在地图上添加一个新标记

function InitialiserCarte() {

var map = L.map('map').setView([48.866667, 2.333333], 17);

// create the tile layer with correct attribution
var tuileUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png';

var attrib='Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors';

var osm = L.tileLayer(tuileUrl, {
    minZoom: 8, 
    maxZoom: 17,
    attribution: attrib
});

osm.addTo(map);

var marker = L.marker([48.866667, 2.333333]).addTo(map);}

是否可以通过单击操作动态添加标记？

从这里开始：。“处理事件”部分讨论如何添加事件。在本快速入门指南中，以下是一些用于在鼠标单击时添加弹出窗口的示例代码：

var popup = L.popup();

function onMapClick(e) {
    popup
        .setLatLng(e.latlng)
        .setContent("You clicked the map at " + e.latlng.toString())
        .openOn(mymap);
}

mymap.on('click', onMapClick);

尝试修改

onmaplick

函数以添加标记而不是弹出窗口。您需要使用

e.latlng

设置标记位置。

从这里开始：。“处理事件”部分讨论如何添加事件。在本快速入门指南中，以下是一些用于在鼠标单击时添加弹出窗口的示例代码：

var popup = L.popup();

function onMapClick(e) {
    popup
        .setLatLng(e.latlng)
        .setContent("You clicked the map at " + e.latlng.toString())
        .openOn(mymap);
}

mymap.on('click', onMapClick);

    function onMapClick(e) {
    popup
        .setLatLng(e.latlng)
        .setContent("You clicked the map at " + e.latlng.toString())
        .openOn(macarte);
    var marker = L.marker(e.latlng).addTo(macarte)
}

尝试修改

onmaplick

函数以添加标记而不是弹出窗口。您需要使用

e.latlng

设置标记位置

    function onMapClick(e) {
    popup
        .setLatLng(e.latlng)
        .setContent("You clicked the map at " + e.latlng.toString())
        .openOn(macarte);
    var marker = L.marker(e.latlng).addTo(macarte)
}

#地图{/*按单点菜，你可以在家里买衣服*/
高度：1000px；
宽度：1000px；
}
var theme='https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png'；
var lat=8.619543；
var-lon=0.82；
var-alt=481；
var macarte=null；
//var trace=新数组（）；
var i=0；
//var-marker1；
var markerClusters；//Serviraástocker les groupes de Marquers
var popup=L.popup（）；
函数initMap（）{
//我们需要整理档案，以备不时之需
//var iconBase=‘img’；
//“麦卡特”和“伊涅尔·丹斯·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔
macarte=L.map（'map'）.setView（[lat，lon]，5）；
markerClusters=L.markerClusterGroup；//我们的姓名首字母缩写为les groupes de Marquers
//小叶奈尔Re杯杯（瓷砖）。
L.tileLayer（主题{
//这是一个很好的选择
//署名：'données©OpenStreetMap/ODbL-rendu OSM France'，
minZoom:1，
最大缩放：20
}).addTo（macarte）；
macarte.on（'click'，onmaclick）；
}
函数onMapClick（e）{
弹出窗口
.setLatLng（即latlng）
.setContent（“您在“+e.latlng.toString（）处单击了地图”）
.openOn（macarte）；
var marker=L.marker（e.latlng）.addTo（macarte）
}
$（文档）.ready（函数（）{
initMap（）；
});

#地图{/*按单点菜，你可以在家里买衣服*/
高度：1000px；
宽度：1000px；
}
var theme='https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png'；
var lat=8.619543；
var-lon=0.82；
var-alt=481；
var macarte=null；
//var trace=新数组（）；
var i=0；
//var-marker1；
var markerClusters；//Serviraástocker les groupes de Marquers
var popup=L.popup（）；
函数initMap（）{
//我们需要整理档案，以备不时之需
//var iconBase=‘img’；
//“马卡特”和“伊涅尔·丹斯·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·莱尔·泰勒是一张“地图”
macarte=L.map（'map'）.setView（[lat，lon]，5）；
markerClusters=L.markerClusterGroup；//我们的姓名首字母缩写为les groupes de Marquers
//小叶奈尔Re杯杯（瓷砖）。
五十、 Tillelayer（主题{
//这是一个很好的选择
//署名：'données©OpenStreetMap/ODbL-rendu OSM France'，
minZoom:1，
最大缩放：20
}).addTo（macarte）；
macarte.on（'click'，onmaclick）；
}
函数onMapClick（e）{
弹出窗口
.setLatLng（即latlng）
.setContent（“您在“+e.latlng.toString（）处单击了地图”）
.openOn（macarte）；
var marker=L.marker（e.latlng）.addTo（macarte）
}
$（文档）.ready（函数（）{
initMap（）；
});

可能与和相关，也可能与和相关