Events 单张标记按一下
在JS中,是否可以通过单击地图来创建标记,我已经尝试了很多不同的方法,但都没有效果。 我的意思是创建一个点击事件,在这个事件中创建了一个标记 这是我的代码,在这个示例中,我尝试创建一个函数,如果您单击任意位置,它将在特定位置创建一个标记,但我的目标是在您单击的位置创建一个标记。我真的不熟悉这种语言和传单,所以如果这个代码很愚蠢,我很抱歉Events 单张标记按一下,events,leaflet,click,marker,Events,Leaflet,Click,Marker,在JS中,是否可以通过单击地图来创建标记,我已经尝试了很多不同的方法,但都没有效果。 我的意思是创建一个点击事件,在这个事件中创建了一个标记 这是我的代码,在这个示例中,我尝试创建一个函数,如果您单击任意位置,它将在特定位置创建一个标记,但我的目标是在您单击的位置创建一个标记。我真的不熟悉这种语言和传单,所以如果这个代码很愚蠢,我很抱歉 <!DOCTYPE html> <html> <head> <!--<meta char
<!DOCTYPE html>
<html>
<head>
<!--<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,
user-scalable=no, width=device-width">
<title>Blank App</title>-->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css">
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0
vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<style>
#mapid {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
</style>
</head>
<body>
<div id="mapid"></div>
<script>
var mymap = L.map('mapid').setView([0, 0], 1);
L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=UVvjZnbqOD4DfEYUrXxm', {
attribution:'<a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>',
}).addTo(mymap);
function onMapClick(e) {
var marker = L.marker([50.5, 30.5]).addTo(map);
}
mymap.on('click', onMapClick);
</script>
</body>
</html>
#mapid{位置:绝对;顶部:0;底部:0;左侧:0;右侧:0;}
var mymap=L.map('mapid').setView([0,0],1);
L.tileLayer('https://api.maptiler.com/maps/streets/{z} /{x}/{y}.png?key=UVvjZnbqOD4DfEYUrXxm'{
归属:'',
}).addTo(mymap);
函数onMapClick(e){
var marker=L.marker([50.5,30.5])addTo(map);
}
mymap.on('click',onmaclick);
使用事件中的latlng,也使用mymap
:
function onMapClick(e) {
var marker = L.marker(e.latlng).addTo(mymap);
}
mymap.on('click', onMapClick);
你试过什么代码?请把它包括在问题中