javascript - 如何在 HERE JS 3.1 API 中更改 map 标记的 anchor ?

标签 javascript here-api

使用 HERE JavaScript 3.1 API 创建 map 标记时,标记会使用图像的底部中心将自身 anchor 定在其位置上。这反射(reflect)了向下指向的默认标记。
但是,我使用的是自定义标记图像并且我想更改 anchor (例如位于图像的中间)。我在 H.map.Marker 中找不到任何更改 anchor 的选项。我如何更改 anchor ?

最佳答案

anchor 未设置在 H.map.Marker ,但在 H.map.Icon反而。 Icon是包装标记中使用的图像的类。您可以在构建过程中传递的选项中设置 anchor 。 anchor 以图像的像素坐标给出,并使用 H.math.Point 设置。目的。请参阅下面的示例以创建带有自定义图像和设置在像素坐标 10,10 处的 anchor 的 map 标记。

let markerIcon = new H.map.Icon('./marker.png', { anchor: new H.math.Point(10, 10) });
let marker = new H.map.Marker(coordinates, { icon: markerIcon });

关于javascript - 如何在 HERE JS 3.1 API 中更改 map 标记的 anchor ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63051081/

相关文章:

android - 在此处创建 API Android 请求 ID?

javascript - 检查纬度/经度是否在诺基亚 HERE map 多边形内

php - IE 中的多个文件选择和上传(版本 < 9)

ios - 在 Here-API 中,我们如何在 MapView 中显示下载的区域包 NMAMapLoader?

java-native-interface - 在设备上找不到 Gradle native 库,但存在于 apk 中

javascript - 在 Angular 2 中渲染页面时如何使用加载器?

javascript - Nokia Here JavaScript API 在 iOS 中禁用双指缩放

javascript - 延迟子菜单

javascript - Siesta Test Runner 给出 'store' 未定义错误

javascript - 如何测试使用 Promise 的 Angular 工厂函数是否在 jasmine 中抛出错误