如何解决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 上的其他一些资源:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。