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

1 Answer 1


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 and acknowledge that you have read and understand our privacy policy and code of conduct.

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