Bing地图Drop pin按钮

Question

我无法在bing地图上使用drop-pin按钮。我可以在地图上获得一个常规的图钉(它是在中心自动创建的(，但我希望能够四处移动并按下按钮将其放在中心。

谢谢你的帮助。

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>

Answer 1

您所拥有的代码将在地图的中心添加一个pin。如果您希望为掉落到地图上的pin设置动画，则Bing Maps控件不太支持动画。如果你有图钉的图标，一个选项是使用CSS将其动画化到地图div的中心，当动画结束时，使用当前代码将图钉添加到地图中。

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

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

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

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