Ikki marta bosishni e'tiborsiz qoldirib, Google Maps JS API v3 da bosish hodisalarini boshqarish

Uni hal qilishning eng oson yo'li.

var location;
var map = ...

google.maps.event.addListener(map, 'click', function(event) {
    mapZoom = map.getZoom();
    startLocation = event.latLng;
    setTimeout(placeMarker, 600);
});

function placeMarker() {
    if(mapZoom == map.getZoom()){
        new google.maps.Marker({position: location, map: map});
    }
}

shogunpandaning yechimi yaxshiroq (pastga qarang)

Men hozirgina ishlaydigan, lekin kichik kutish vaqtini kiritadigan noto'g'ri yechim topdim (200 ms, bu uni ishlashi uchun minimal, lekin mijozga bog'liqligini bilmayman)

var update_timeout = null;

google.maps.event.addListener(map, 'click', function(event){
    update_timeout = setTimeout(function(){
        do_something_here();
    }, 200);        
});

google.maps.event.addListener(map, 'dblclick', function(event) {       
    clearTimeout(update_timeout);
});

Umid qilamanki, bu yordam beradi!

Ikki marta bosish bo'lsa, dblclick yonadi va bunday hollarda bir marta bosish faqat bir marta yonadi.

runIfNotDblClick = function(fun){
    if(singleClick){
        whateverurfunctionis();
    }
};

clearSingleClick = function(fun){
    singleClick = false;
};

singleClick = false;

google.maps.event.addListener(map, 'click', function(event) {// duh! :-( google map zoom on double click!
    singleClick = true;
    setTimeout("runIfNotDblClick()", 500);
});

google.maps.event.addListener(map, 'dblclick', function(event) {// duh! :-( google map zoom on double click!
     clearSingleClick();
});

http://www.ilikeplaces.com ga qarang.

Agar siz underscore.js yoki* lodash bu muammoni hal qilishning tez va oqlangan usuli

// callback is wrapped into a debounce function that is called after
// 400 ms are passed, it provides a cancel function that can be used
// to stop it before it's actually executed
var clickHandler = _.debounce(function(evt) {
  // code called on single click only, delayed by 400ms
  // adjust delay as needed.
  console.debug('Map clicked with', evt);
}, 400);
// configure event listeners for map
google.maps.event.addListener(map, 'click', clickHandler);
google.maps.event.addListener(map, 'dblclick', clickHandler.cancel);

* Debounce.cancel faqat lodashda amalga oshiriladi (ushbu majburiyatuni amalga oshirmaydi

setTimeout() yondashuvini amalga oshirishning yanada toza usuli bu bir marta bosish uchun maxsus hodisalarni ishga tushirishdir.

Quyidagi funksiya har qanday Google Xaritalar interfeysi obyektini (masalan, xarita, marker, koʻpburchak va h.k.) oladi va ikkita maxsus hodisani oʻrnatadi:

singleclick: agar boshqa bosishlar sodir bo'lmasa, bosishdan keyin 400 ms chaqiriladi

firstclick: bosish hodisasi sodir bo'lganda chaqiriladi, agar oxirgi 400 ms ichida bosish sodir bo'lmagan bo'lsa (bu foydalanuvchiga darhol bosish bo'yicha fikr-mulohazalarni ko'rsatish uchun qulaydir)

function addSingleClickEvents(target) {
  var delay = 400;
  var clickTimer;
  var lastClickTime = 0;

  google.maps.event.addListener(target, 'click', handleClick);
  google.maps.event.addListener(target, 'dblclick', handleDoubleClick);

  function handleClick(e) {
    var clickTime = +new Date();

    var timeSinceLastClick = clickTime - lastClickTime;

    if(timeSinceLastClick > delay) {
      google.maps.event.trigger(target, 'firstclick', e);

      clickTimer = setTimeout(function() {
        google.maps.event.trigger(target, 'singleclick', e);
      }, delay);
    } else {
      clearTimeout(clickTimer);
    }

    lastClickTime = clickTime;
  }

  function handleDoubleClick(e) {
    clearTimeout(clickTimer);
    lastClickTime = +new Date();
  }
}

Siz undan shunday foydalanishingiz mumkin:

var map = ....
addSingleClickEvents(map);
google.maps.event.addListener(map, 'singleclick', function(event) {
    console.log("Single click detected at: " + event.latLng);
}

Ishonchim komil emas, lekin agar siz 'click' va 'dblclick' hodisalariga hodisa ishlov beruvchilarini qo'shsangiz, bu erda markerni bosish ustiga qo'ying va ikki marta bosish bilan hech qanday harakat qilmasangiz, qo'shishni o'tkazib yuborishingiz mumkin. vaqt tugashi (xaritalar API nima bosish va nima ikki marta bosish farq qilishi mumkin)

google.maps.event.addListener(map, 'click', function (event) {
        placeMarker(event.latLng);
    });
google.maps.event.addListener(map, 'dblclick', function(event) { 
//DO NOTHING, BECAUSE IT IS DOUBLE CLICK
});

placeMarker(latLng) - bu belgilangan joyga marker qo'shadigan maxsus qo'shilgan funksiya:

var marker = new google.maps.Marker({
        position: location,
        draggable: true,
        map: map
    });
map.setCenter(location);