Bing Maps v8 - SVG 内联图钉未触发正确的信息框
Bing Maps v8 - SVG inline pushpin not trigger correct infobox
我在使用 Bing Maps v8 时遇到问题，其中包含用于图钉的内联 SVG 字符串图像。我使用 SVG 内联图像添加了多个带有信息框的图钉。
使用图钉加载地图后 (https://jsfiddle.net/pakpatel/9dc4oxfk/5/show/)。我单击图钉 #3、#7 和 #6，它总是触发图钉 #2。在我放大地图并再次尝试后，它工作正常。
这是 jsfiddle https://jsfiddle.net/pakpatel/9dc4oxfk/5
enter code here
问题出在 svg 图标元素的宽度和高度设置上。当前您设置 width="500" height="500"。改小宽高后试试width="70" height="20"
我在使用 Bing Maps v8 时遇到问题，其中包含用于图钉的内联 SVG 字符串图像。我使用 SVG 内联图像添加了多个带有信息框的图钉。
使用图钉加载地图后 (https://jsfiddle.net/pakpatel/9dc4oxfk/5/show/)。我单击图钉 #3、#7 和 #6，它总是触发图钉 #2。在我放大地图并再次尝试后，它工作正常。
这是 jsfiddle https://jsfiddle.net/pakpatel/9dc4oxfk/5
enter code here
问题出在 svg 图标元素的宽度和高度设置上。当前您设置 width="500" height="500"。改小宽高后试试width="70" height="20"