我试图添加一个图钉到Azure地图使用SymbolLayer.但在放大和缩小时，我的图钉会移动，而不是地图.我该如何解决

Question

我正在尝试将我的应用程序从必应地图迁移到Azure地图。我使用SymbolLayer在我的地图上添加了一些自定义图钉。当我尝试放大或缩小时，我的图钉会移位，而我的地图保持静态。问题是什么呢?

Answer 1

我怀疑问题是你的图标的锚点与你想要的图标图像上的点不对齐。您可以通过几种方式来调整它。

• 使用图标选项anchor设置。
• 使用图标选项offset设置。

例如，如果您想要在图像上"锚定"的点;对于地图上的坐标是图像的左下角，您可以执行以下操作:

var layer = new atlas.layer.SymbolLayer(datasource, null, {
iconOptions: {
anchor: 'bottom-left'
}
});

下面是一个实验示例:https://azuremapscodesamples.azurewebsites.net/?sample=Symbol%20Layer%20Options

下面是关于符号层图标选项的文档:https://learn.microsoft.com/en-us/javascript/api/azure-maps-control/atlas.iconoptions?view=azure-maps-typescript-latest