問題描述

我有一個關于點擊傳單中地圖的問題.如果我點擊地圖我想在那里設置一個標記，但如果我雙擊地圖我只想放大而不設置標記.所以我有以下代碼:

I have a question concerning clicks on a map in leaflet. If I click on the map I want to set a marker there, but if doubleclick on the map I just want to zoom in without setting a marker. So I have the follwing code:

var map = L.map(attrs.id, {
            center: [scope.lat, scope.lng],
            zoom: 14
        });
var marker = L.marker([scope.lat, scope.lng],{draggable: true});
map.on('click', function(event){
            marker.setLatLng(event.latlng);
            marker.addTo(map);                
        });

現在的問題是，當我在地圖上雙擊時，點擊事件也會被觸發，我想刪除該行為.我怎樣才能做到這一點?

The problem now is, when I doublclick on the map the click event is also fired and I would like to remove that behavior. How can I achieve that?

謝謝瑪格達

推薦答案

所以，我找到了一種方法來做到這一點，我仍然不確定是否有更好的方法來做到這一點.

So, I found a way to do that, I am still not sure, if there is a better way to do it.

var map = L.map(attrs.id, {
        center: [scope.lat, scope.lng],
        zoom: 14
    });
map.clicked = 0;                                                                      
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 18
    }).addTo(map);
var marker = L.marker([scope.lat, scope.lng],{draggable: true});
map.on('click', function(event){
    map.clicked = map.clicked + 1;
    setTimeout(function(){
        if(map.clicked == 1){
            marker.setLatLng(event.latlng);
            marker.addTo(map);                
            map.clicked = 0;
        }
     }, 300);
});
map.on('dblclick', function(event){
    map.clicked = 0;
    map.zoomIn();
});

這篇關于傳單:不要在雙擊時觸發點擊事件功能的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！