更新记录

1.1.54（2024-11-15） 下载此版本

更新设置中心点

1.1.53（2024-11-15） 下载此版本

vue2版本打点优化

1.1.52（2024-10-28） 下载此版本

添加marker 点位 vue2 版本的支持

平台兼容性

apld-h5-map

组件名：apld-tdt-map

天地图组件，用于经纬度采集和点位展示,未完善，暂时自己使用

中心点：props

latitude: 39.624988,
longitude: 118.154348,

1. 经纬度采集
<apld-tdt-map mapKey="天地图key" ref="mapEl" @onload="onMapLoad" @lnglat="getLnglat"></apld-tdt-map>

// 通过拖动地图获取位置信息，默认开启定位
const getLnglat = (lnglat) => {
    console.log(lnglat, 'lnglat--')
    // {lat: 32.******, lng: 118.******, address: '这里返回详细地址'}
}
const onMapLoad = (map) => {
    // map.centerAndZoom({
    //  lat: 31.9951,
    //  lng: 118.8944
    // }, 15)
    console.log(map, '在此可调用地图事件，如设置中心点等等')
}

2. 地图打点
<apld-tdt-map mapKey="" type="addMarkers" ref="mapEl" @onload="onMapLoad"
    :markers="markers" @marker-click="onMarkerClick"></apld-tdt-map>

const markers = [{
        lng: 118.791346,
        lat: 32.060506,
        iconW: 40,// 默认图标宽度
        iconH: 40,// 默认图标高度
        iconActiveW: 40, // 点击后图标宽度
        iconActiveH: 40,// 点击后图标高度
        iconActive: 'https://icon-active-point.png',
        icon: 'https://icon-point.png',
    },
    {
        lng: 118.796624,
        lat: 32.059344,
        iconSize: 40,
        iconActive: 'https://icon-active-point1.png',
        icon: 'https://icon-point1.png',
    },
]

const onMarkerClick = (data,e,map)=> {
    map.centerAndZoom(e.lnglat, e.level) // 移动到中心点
    console.log(data,map,'点击marker数据,map地图对象')
}