天地图使用总结 ​

//循环坐标数组,创建标记点
// markerArrs 坐标数组

this.markerArrs.forEach(item => {
    //创建标注对象
    let marker = new T.Marker(new T.LngLat(parseFloat(item.longitude), parseFloat(item.latitude)));
    //往地图上添加标注
    this.map.addOverLay(marker);
})

// 获取当前地图上的所有点
let newMarker = this.map.getOverlays(); 
//移除所有标注
newMarker.forEach(item => {
    this.map.removeOverLay(item); 
})

// 如果单独写方法，需要传入两个参数，marker 坐标点, item 对应坐标点携带的内容

function( marker, item ) {
    let T = window.T;
    marker.addEventListener("click", () => {
        // panTo 视图移动到该坐标点位
        this.map.panTo(new T.LngLat(parseFloat(item.longitude), parseFloat(item.latitude)))
        let infoWin = new T.InfoWindow();
        // html内容 对应信息窗体的布局
        let sContent = ``
        // 点击坐标，打开信息弹窗
        marker.openInfoWindow(infoWin.setContent(sContent));

        // 针对sContent里的内容，写点击事件
        let length = document.getElementsByClassName('class名').length - 1
        let clickBtn = document.getElementsByClassName('class名')[length]

        clickBtn.addEventListener("click", () => {
            // 点击事件的逻辑...
        })
    })
}

// 坐标携带的数组，此处是对后端传回来的数据做格式化，去字符串
let arrList = JSON.parse(item.addArr)
// 先定义一个空数组
let points = [];
// 对坐标携带的数组进行判断，然后遍历
if(arrList != null) {
    arrList.map(val => {
        if(val.length > 0) {
            // push进定义好的数组里
            points.push(new T.LngLat(val[0], val[1]));
        }
        
    })
}
// 创建线对象，定义线的样式
this.line = new T.Polyline(points, {
    color: '#04e246',
    weight: 3,
    opacity: 1 // 线颜色的透明度，默认不为1，所以需要自行设定
}); 
//向地图上添加线
this.map.addOverLay(this.line);

//poinArr marker标记点坐标数组
this.map.setViewport(poinArr);

// 放在地图初始化函数中
var cp = new T.CoordinatePickup(this.map, {callback: this.getLngLat})
cp.addEvent();

methods: {
    getLngLat(lnglat) {
        console.log(lnglat)
    }
}