How to disable 'show popup' on 'double click' (show popup only on 'single click' event) event without disabling 'zoom in' (or 'zoom out' (with Shift button))?

Mapbox GL jsfiddle example


You can track the following event. While double click it's always:

  1. click
  2. click
  3. double click

Exactly in this order.


let dbl = false;

  map.on("click", "boundary", function(e) {
    dbl = false;
    setTimeout(() => {
      if (!dbl) {
        new mapboxgl.Popup()
          .setHTML("popup content")
    }, 500)
  map.on("dblclick", "boundary", function(e) {
    dbl = true;

Should do the job. You simply need a small timeout, you can decrease that 0.5s, and check if a click event has been followed by the dblclick.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.