更新记录

1.0.0（2025-07-16） 下载此版本

鸿蒙Next uniapp vue 高德地图组件 免费-开源-接入简单

平台兼容性

云端兼容性

uni-app(4.71)

其他

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

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

<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，可以自行下载，修改，扩展，免费，开源。

其中原生组件的展示，交互也可以参考学习。