uniapp鸿蒙高德地图组件和uniapp uniappx 鸿蒙高德定位插件

• #项目初衷：uniapp vue3 鸿蒙应用目前不支持高德地图，该组件就是这样来的，提供各个开发者免费使用，开源。

ft-harmony-amap

前往uniapp插件市场

uniapp鸿蒙高德地图原生组件

uniapp uniappx 鸿蒙高德定位插件

• #插件地址 ft-harmony-amap

https://ext.dcloud.net.cn/plugin?id=24404

• #怎么配置uniapp运行鸿蒙的证书

uni 官方文档：
https://uniapp.dcloud.net.cn/tutorial/harmony/runbuild.html#signature

• #怎么申请高德地图鸿蒙的appkey

高德 官方文档：
https://lbs.amap.com/api/harmonyosnext-map3d-sdk/guide/get-key

• #使用简单：vue页面直接使用

鸿蒙系统有很多原生组件，从 HBuilderX 4.62 版开始 uni-app 可以通过 uts 插件方式注册为 WebView 支持的原生组件，并且支持同层渲染。

<embed class="native-map" ref="amap" tag="amap" :options="options"></embed>

• #添加线段

addPolyline() {
	var id = uniAddPolyline({
		id: 3,
		latLngs: [{
				latitude: 39.919,
				longitude: 116.31743,
			},
			{
				latitude: 39.929,
				longitude: 116.32743,
			},
			{
				latitude: 39.939,
				longitude: 116.34743,
			},
			{
				latitude: 39.979,
				longitude: 116.38743,
			}
		],
		color: 0xffff0000,
		dottedLine: true,//设置是否画虚线，默认：false（画实线）画实线
		transparency: 0.5,//设置线段的透明度 0~1，默认：1（表示不透明）表示不透明
		visible: true,
		zIndex: 15,
		width:20,
		geodesic:false,//设置线段是否为大地曲线，默认：false（不画大地曲线）
		lineCapType:1,//线尾部形状 LineCapButt = 0 LineCapSquare = 1,LineCapArrow = 2,LineCapRound = 3
		lineJoinType:2,// LineJoinBevel = 0,LineJoinMiter = 1,LineJoinRound = 2
	})
	console.log("polyline id", id)
},

更多使用见demo使用，目前属性字段对齐鸿蒙高德地图API，可以自行下载，修改，扩展，免费，开源。

如果有需求可以联系作者支撑更新

ft-harmony-amap

插件地址