Hi, I have click events on both the map and on several layers. For example, you can click on a symbol in a layer and information related to the symbol (e.g. a dealership) shows in a popup. If there is no symbol where you click, I show a popup with general information regarding the area. However, both map and layer events fire when clicking a symbol, with the map's click event firing before the layer's. How can I suppress the map's click event when clicking on a symbol? Thanks, Ken

First make sure you add your events in the order you want them to fire (layer events before map events). Then, in the event arg there is a preventDefault function. Simply call this function in your layer event handler. For example: function layerClickedEventHandler(eventArg) { //Don't allow the event to bubble up to the next attached item. eventArg.preventDefault(); }

How to Suppress the Map Click Event When Clicking on a Symbol or Polygon

Accepted answer

rbrundritt 18,061 Reputation points Microsoft Employee

2024-08-04T02:10:50.5066667+00:00
First make sure you add your events in the order you want them to fire (layer events before map events). Then, in the event arg there is a preventDefault function. Simply call this function in your layer event handler. For example:

function layerClickedEventHandler(eventArg) { //Don't allow the event to bubble up to the next attached item. eventArg.preventDefault(); }
Please sign in to rate this answer.

1 person found this answer helpful.
Ken Bowman 211 Reputation points

2024-08-05T15:30:33.2833333+00:00

My scenario is that the map is initially loaded with a couple of tile layers and several polygon layers representing different levels of sales territories (regions, districts, trade areas, etc.). Easy enough to add events in the proper order. Users of my app can then start adding other layers by querying our database for different types of dealers and unit sales associated with those dealers, each being a different layer. They can also subsequently re-order the layers.

In the Bing Maps API, the top-most visible layer that has an object where the click event occurred would get the click event.

In Azure Maps, does this imply that every-time a layer is added or reordered in the layers list, that I need to remove events from all layers and the map and then re-add them all in the opposite order of the layers, with the map events added last?

Thanks,

Ken

rbrundritt 18,061 Reputation points Microsoft Employee

2024-08-06T14:34:00.8733333+00:00

When dealing with a lot of layers it is best to use a single mouse event on the map. The map event will have all the shapes that are under the mouse pointer, ordered from top most to bottom most. If there is no layers with shapes under the mouse, the map event will still fire, but the shapes property will be empty.

Ken Bowman 211 Reputation points

2024-08-06T17:10:22.0666667+00:00

Thank you... this works great!
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

How to Suppress the Map Click Event When Clicking on a Symbol or Polygon

0 additional answers

Your answer