#鸿蒙通关秘籍#如何在地图组件中添加自定义标点图标?

HarmonyOS
2024-11-29 15:41:49
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
云端漫步ORM

实现自定义标点图标有两种方式,由于icon属性支持base64PixelMap类型:

  1. 将本地图标资源存放在resources/rawfileresources/base/media中,使用如下代码来创建标记:

    let markerOptions: mapCommon.MarkerOptions = {
        position: {
            latitude: 24.4846,
            longitude: 118.1304
        },
        icon: $r('app.media.remark')
    }
    this.marker = await this.mapController.addMarker(markerOptions);
    
  2. 加载网络图片并将其转换为PixelMap,请参考以下代码:

    this.markerIcon = await this.imageToPixelMap('在线图片链接', { desiredSize: { height: 120, width: 120 } });
    let markerOptions: mapCommon.MarkerOptions = {
        position: {
            latitude: 24.4846,
            longitude: 118.1304
        },
        icon: this.markerIcon ?? ''
    }
    this.marker = await this.mapController.addMarker(markerOptions);
    
分享
微博
QQ
微信
回复
2024-11-29 17:05:09
相关问题
自定义组件如何添加图片?
2574浏览 • 1回复 待解决