javascript - 如何在leaflet.js中的点击事件上添加标记
问题描述
当我点击地图时,我想添加标记。但我不知道该怎么做:(
默认情况下,我不想有标记图
我刚刚写了这段代码:
var mapOptions = {
center: [17.385044, 78.486671],
zoom: 10
}
var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
var map = new L.map('mapid', mapOptions);
map.addLayer(layer);
var markerOptions = {
title: "MyLocation",
clickable: true,
draggable: true
}
function onClick(e) {
alert(this.getLatLng());
}
var marker = L.marker([17.385044, 78.486671], markerOptions).on('click',onClick);
marker.addTo(map);
解决方案
map.on("click", function(e){
var mp = new L.Marker([e.latlng.lat, e.latlng.lng]).addTo(map);
alert(mp.getLatLng());
});
推荐阅读
- wordpress - 如何为 wordpress 子域(具有单个站点的子域)制作单独的主页
- laravel - Laravel 雄辩的一对多关系数据未显示
- python - 当文件包含 if __name__ == '__main__' 时,python manage.py shell < scripts/myscript.py 不起作用
- matplotlib - 如何修复此直方图,使条形图等距且标签位于条形图的中心。?
- hive - 如何在 hive stack 命令中设置十进制值
- jquery - 如何为布局页面和内容页面定义 Jquery 脚本
- reactjs - 标题文本未显示在中心
- android - 如何在产品风味中调用任务
- python - 建立分类模型
- ios - 防止在 iOS 11 中的特定视图控制器中旋转