如何在 HERE JS 3.1 API 中更改地图标记的锚点?
How do I change the anchor for a map marker in the HERE JS 3.1 API?
使用 HERE JavaScript 3.1 API 创建地图标记时,标记通过使用图像的底部中心将自身锚定在其位置上。这反映了向下指向的默认标记。
但是,我使用的是自定义标记图像,我想更改锚点(例如,位于图像的中间)。我在 H.map.Marker 中找不到任何更改锚点的选项。如何更改锚点?
锚点未设置在 H.map.Marker
中,而是设置在 H.map.Icon
中。 Icon
是包装标记中使用的图像的 class。您可以在构建过程中传递的选项中设置锚点。锚点以图像的像素坐标给出,并使用 H.math.Point
对象设置。请参阅下面的示例,以使用自定义图像和在像素坐标 10,10 处设置的锚点创建地图标记。
let markerIcon = new H.map.Icon('./marker.png', { anchor: new H.math.Point(10, 10) });
let marker = new H.map.Marker(coordinates, { icon: markerIcon });
使用 HERE JavaScript 3.1 API 创建地图标记时,标记通过使用图像的底部中心将自身锚定在其位置上。这反映了向下指向的默认标记。
但是,我使用的是自定义标记图像,我想更改锚点(例如,位于图像的中间)。我在 H.map.Marker 中找不到任何更改锚点的选项。如何更改锚点?
锚点未设置在 H.map.Marker
中,而是设置在 H.map.Icon
中。 Icon
是包装标记中使用的图像的 class。您可以在构建过程中传递的选项中设置锚点。锚点以图像的像素坐标给出,并使用 H.math.Point
对象设置。请参阅下面的示例,以使用自定义图像和在像素坐标 10,10 处设置的锚点创建地图标记。
let markerIcon = new H.map.Icon('./marker.png', { anchor: new H.math.Point(10, 10) });
let marker = new H.map.Marker(coordinates, { icon: markerIcon });