Bing 地图 Drop pin 按钮

问题描述

我无法在我的 bing 地图上使用放置固定按钮。我可以在地图上找到一个普通的图钉（它是在中心自动创建的），但我希望能够四处移动并按下按钮将其放在中心。

感谢您的帮助。

function dropPin() {
              droppushpin = new Microsoft.Maps.pushpin(map.getCenter(),{
                                color: '#f00',position: map.getCenter(),map: map,draggable: true
                            });
                            map.entities.push(droppushpin);
                            
            }

<button onclick="dropPin()">Try it</button>

解决方法

您拥有的代码将在地图的中心添加一个图钉。如果您希望为放置在地图上的图钉设置动画，则 Bing 地图控件不能很好地支持动画。如果您有图钉图标，一种选择是使用 CSS 将其动画化到地图 div 的中心，当动画结束时，使用您当前的代码向地图添加图钉。

或者，看看支持动画并拥有完整动画库的 Azure Maps Web SDK：https://github.com/Azure-Samples/azure-maps-animations/tree/main/

以下是 Azure Maps 上的其他一些资源：

https://azure.microsoft.com/en-us/services/azure-maps/

https://docs.microsoft.com/en-us/azure/azure-maps/

bing-maps javascript pushpin