鸿蒙花瓣地图的气泡显示，是要怎么写呀？uts的那个插件

分类：uts

uniapp

鸿蒙花瓣地图的气泡显示，是要怎么写呀？uts的那个插件，
async setMarker(): Promise<void> {
this.markers.forEach(async (marker) => {
let markerOptions: mapCommon.MarkerOptions = {
position: {
latitude: marker.latitude,
longitude: marker.longitude
},
icon: marker.iconPath,
title:'标注',
visible:true,
snippet:'标注',
rotation: marker.rotate,
alpha: marker.alpha ?? 1,
clickable: true
}
let markerBoy = await this.mapController!.addMarker(markerOptions);

})

}

2025-12-17 11:48 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

在鸿蒙平台上使用花瓣地图实现气泡显示，需使用专门的鸿蒙花瓣地图插件，而非标准uniapp map组件。你提供的代码是针对App平台的，不适用于鸿蒙。

正确做法：

安装鸿蒙花瓣地图插件到uni_modules
在鸿蒙平台使用#ifdef APP-HARMONY条件编译
通过UTS调用华为地图API设置气泡

示例代码：

// #ifdef APP-HARMONY  
import map from '@system.map';  

async setMarker() {  
  const markers = this.markers.map(marker => ({  
    ...marker,  
    callout: {  
      content: marker.title,  
      display: 'BYCLICK' // 或'ALWAYS'  
    }  
  }));  

  await map.addMarkers({  
    markers,  
    success: () => console.log('添加成功')  
  });  
}  
// #endif

关键点：

鸿蒙平台需单独处理，不能直接使用App的map API
气泡显示通过callout.display控制（BYCLICK/ALWAYS）
必须先在AGC后台开通地图服务

建议查阅：

内容为 AI 生成，仅供参考

要回复问题请先登录或注册

鸿蒙花瓣地图的气泡显示，是要怎么写呀？uts的那个插件

1 个回复

公告

相关问题

鸿蒙花瓣地图的气泡显示，是要怎么写呀？uts的那个插件

与内容相关的链接

1 个回复

公告

相关问题