HarmonyOS 鸿蒙Next：使用高德地图自定义marker显示html的<p>标签，通过web组件实现

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next：使用高德地图自定义marker显示html的

标签，通过web组件实现

let userOptions: MarkerOptions = new MarkerOptions();
userOptions.setPosition(new LatLng(this.userLatitude, this.userLongitude));
let bitmapDes3 = await BitmapDescriptorFactory.fromView(() => {
  this.userContentView();
});
if (bitmapDes3) {
  userOptions.setIcon(bitmapDes3);
}

BitmapDescriptorFactory.fromView 不支持web组件

大家有遇到过吗

高德那边建议

通常Webview是不支持转换成图片功能的，需要您自行转换成ArrayBuffer后使用fromRawFileContent实现或者webview自行转换成pixelMap后使用fromPixelMapSync
 

Harmonyos Next教程
1 回复

在HarmonyOS鸿蒙系统中，若要通过Web组件在高德地图（AMap）上自定义marker并显示HTML的<p>标签，你需要确保高德地图的SDK支持在鸿蒙上的HTML标签渲染。通常，标准的高德地图SDK可能不直接支持在marker上渲染HTML，但你可以使用以下方法尝试：

  1. 检查SDK文档：确认鸿蒙版高德地图SDK是否支持自定义View或WebView作为marker内容。
  2. 使用WebView作为覆盖层：在地图上叠加一个透明的WebView，并在其中加载HTML内容，通过定位WebView来模拟marker的位置。
  3. 使用图片替代：将HTML内容转换为图片，然后将其作为marker的图标。

如果问题依旧没法解决请加我微信，我的微信是itying888。

回到顶部