本次项目中用到了天地图,之前的文章里有介绍,这里主要记录一下天地图如何添加节点,和删除指定节点。
- 添加节点:【addOverLay()】
- 添加单个节点
// 创建标注对象 const marker = new T.Marker(new T.LngLat(longitude, latitude), { icon: new T.Icon({ iconUrl: footer_icon, // 引入自定义图标 iconSize: new T.Point(20, 20), // 图标大小 }), }); this.TMap.addOverLay(marker);
- 添加多个节点
let initMarker = []; //存放节点 //data 这里是多个节点坐标、及文字标注 data.length && data.forEach((item) => { const marker = new T.Marker( new T.LngLat(item.point.longitude, item.point.latitude), { icon: new T.Icon({ iconUrl: icon, // 引入自定义图标 iconSize: new T.Point(30, 30), // 图标大小 }), }); initMarker.push(marker); }); for (let i = 0; i < initMarker.length; i++) { this.TMap.addOverLay(layers[i]); }
- 添加单个节点
2、删除节点(removeOverLay())跟添加基本一个道理,这里就不j贴对应的代码了。只不过是将addOverLay换成removeOverLay。
项目中实现的效果图如下:
如果还是不懂可以留言,记得给小主点赞收藏~~~~