天地图经纬度渲染线

溜溜仔仔

已于 2024-03-14 10:34:42 修改

阅读量290

点赞数 5

文章标签： java 前端服务器

于 2024-03-14 10:12:43 首次发布

本文链接：https://blog.csdn.net/weixin_40935738/article/details/136700178

版权

var arry111="109.04242,37.5973;109.04377,37.59619;109.04343,37.59587;109.04195,37.59686";
var bound1111=arry111.split(";");
getPolyline('','#0000FF',bound1111);
function getPolyline(nameLable, color, arrNeed) {
   let that = this;
   let needPoint = [];
   arrNeed.forEach(item => {
      var point=item.split(",");
      needPoint.push(new T.LngLat(point[0], point[1]))
   })

   polyline = new T.Polyline(needPoint, {
      showLabel: false,//测距功能展示
      color: color,
      weight: 5,
      opacity: 0.5,
      fillColor: color,
      fillOpacity: 0.5,
   });
   map.addOverLay(polyline);
}

点击经纬度坐标事件

map.addEventListener("click",function(e){
   console.log(e.lnglat.getLng()+","+e.lnglat.getLat());
});

var jwds=[]
for(let i=0;i<shedInfoList.size;i++){
   console.log("1-------shedInfoList[i].jwd=",shedInfoList[0].jwd);
   jwds.push(shedInfoList[i].jwd);
}
console.log("1-------jwds=",jwds);
var markers=[];
for (var i=0;i<jwds.length;i++) {
   var jwd=jwds[i].split(',');
   console.log(jwd);
   var iconUrl='/img/tlj.png';
   var icon = new T.Icon({
      iconUrl: iconUrl,
      iconSize: new T.Point(40, 40),
      iconAnchor: new T.Point(10, 25)
   });
   var marker = new T.Marker(new T.LngLat(jwd[0], jwd[1]),{icon: icon});
   map.addOverLay(marker);
   markers.push(marker);
   addMouseHandler(markers[i]);
   function addMouseHandler(marker){
      marker.addEventListener("mouseover", function (e) {
         $("#shows").css("display","block");
      });
      marker.addEventListener("mouseout", function (e) {
         $("#shows").css("display","none");
      });
   }
}