Bing Maps v8 - SVG内联图钉不会触发正确的信息框

Question

我遇到Bing Maps v8的问题，其中包含用于图钉的内联SVG字符串图像。我使用SVG内嵌图像添加了多个带有信息框的图钉。

使用图钉（https://jsfiddle.net/pakpatel/9dc4oxfk/5/show/）加载地图后。我点击图钉＃3，＃7和＃6，它总是触发图钉＃2。放大地图并再次尝试后，它可以正常工作。

这是jsfiddle https://jsfiddle.net/pakpatel/9dc4oxfk/5

>>> data = [5, 3, 2, 8, 1, 4]
>>> odds = iter(sorted(el for el in data if el % 2))
>>> [next(odds) if el % 2 else el for el in data]
[1, 3, 2, 8, 5, 4]

Answer 1

问题在于svg图标元素的宽度和高度设置。目前您设置了width="500" height="500"。将其更改为较小的宽度和高度width="70" height="20"

后尝试