HarmonyOS 地图相关问题

1.地图是否支持禁止拖动

2.是否支持动态切换某个marker图片的方法,还是只能重新add

3.marker是否支持网络图

HarmonyOS
2024-08-14 16:02:48
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

问题一:draggable 为false

问题二:支持动态切换marker图片Marker接口支持更新和查询标记,继承BaseOverlay。在调用map.MapComponentController类的addMarker方法时会返回该类型的实例。

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/map-map-V5#section166747193469

demo:

import { MapComponent, mapCommon, map } from '@kit.MapKit'; 
import { AsyncCallback } from '@kit.BasicServicesKit'; 
 
@Entry 
@Component 
struct Index { 
  private mapOptions?: mapCommon.MapOptions; 
  private mapController?: map.MapComponentController; 
  private callback?: AsyncCallback<map.MapComponentController>; 
  private marker?: map.Marker; 
 
  aboutToAppear(): void { 
    // 地图初始化参数 
    this.mapOptions = { 
      position: { 
        target: { 
          latitude: 31.984410259206815, 
          longitude: 118.76625379397866 
        }, 
        zoom: 15 
      } 
    }; 
    this.callback = async (err, mapController) => { 
      if (!err) { 
        this.mapController = mapController; 
        // Marker初始化参数 
        let markerOptions: mapCommon.MarkerOptions = { 
          position: { 
            latitude: 31.984410259206815, 
            longitude: 118.76625379397866 
          }, 
          rotation: 0, 
          visible: true, 
          zIndex: 0, 
          alpha: 1, 
          anchorU: 0.5, 
          anchorV: 1, 
          clickable: true, 
          draggable: true, 
          flat: false 
        }; 
        // 创建Marker 
        this.marker = await this.mapController.addMarker(markerOptions); 
      } 
    }; 
  } 
 
  build() { 
    Stack() { 
      Column() { 
        MapComponent({ mapOptions: this.mapOptions, mapCallback: this.callback }); 
        Button("修改marker图片").onClick(() => { 
          this.marker?.setIcon('app_icon.png'); 
        }) 
      }.width('100%') 
    }.height('100%') 
  } 
}

问题三:支持设置base64编码格式图片,toDataURL格式(即data:image/png;base64,<图片的Base64字节编码值>)https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/map-map-V5#section182051718143214

分享
微博
QQ
微信
回复
2024-08-14 23:15:03
相关问题
HarmonyOS地图使用问题
188浏览 • 1回复 待解决
HarmonyOS 地图呈现问题
231浏览 • 1回复 待解决
HarmonyOS protobuf相关问题
282浏览 • 1回复 待解决
HarmonyOS RN相关问题
326浏览 • 1回复 待解决
HarmonyOS音频相关问题
342浏览 • 1回复 待解决
HarmonyOS BindSheet相关问题
211浏览 • 1回复 待解决
HarmonyOS AccountKit相关问题
309浏览 • 1回复 待解决
HarmonyOS 证书相关问题
258浏览 • 1回复 待解决
HarmonyOS Grid相关问题
252浏览 • 1回复 待解决
HarmonyOS KVStore 相关问题
60浏览 • 1回复 待解决
HarmonyOS 线程相关问题
295浏览 • 1回复 待解决
HarmonyOS 弹窗的相关问题
170浏览 • 1回复 待解决
HarmonyOS NAPI开发相关问题
257浏览 • 1回复 待解决
HarmonyOS图片上传相关问题
314浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
212浏览 • 1回复 待解决
HarmonyOS 视频录制相关问题
253浏览 • 0回复 待解决
HarmonyOS AOT相关问题咨询
242浏览 • 1回复 待解决
HarmonyOS Video组件相关问题
249浏览 • 1回复 待解决
HarmonyOS 路由栈相关问题
121浏览 • 1回复 待解决
HarmonyOS文件读写相关问题
380浏览 • 1回复 待解决
HarmonyOS dialog弹窗相关问题
278浏览 • 1回复 待解决
HarmonyOS 路径动画相关问题
456浏览 • 1回复 待解决
HarmonyOS操作系统相关问题
234浏览 • 1回复 待解决
HarmonyOS 图片风控相关问题
186浏览 • 1回复 待解决