地图计算自定义区域中心点坐标并添加点位图标

methods:{
	addPoint(){ 
	//所要计算的区域坐标数组
	var nurseryList=[
	   [{"lng":119.51973599999998,"lat":25.971432991526807},
	    {"lng":119.51520899999997,"lat":25.971432991526807},
	    {"lng":119.51520899999997,"lat":25.96829899159945},
	    {"lng":119.51973599999998,"lat":25.96829899159945},
	    {"lng":119.51973599999998,"lat":25.971432991526807}],
	   [{"lng":119.51173599999998,"lat":25.971432991526807},
	    {"lng":119.51720899999997,"lat":25.971432991526807},
	    {"lng":119.51020899999997,"lat":25.96829899159945}]]
	        var centerPonint= nurseryList.map(item=>{
	         return this.calculateCenter(item)
	        })
        // 在地图上添加点标记
        var myIcon=new  BMapGL.Icon(require('@/assets/img/nurseryPoint.png'), new BMapGL.Size(54, 58));
        //遍历中心点
        centerPonint.map(item=>{
           pt=new BMapGL.Point(item.lng,item.lat)
          marker=new BMapGL.Marker(pt, {
            icon: myIcon
          })
          //为点添加点击事件
          marker.addEventListener('click', function () {
            _that.getInfoWindow(res, item, 1)
          })
          this.map.addOverlay(marker);
        })
        },
   //计算区域中心点的方法
  calculateCenter(lnglatarr){
      var total = lnglatarr.length;
      var X=0,Y=0,Z=0;
      $.each(lnglatarr, function(index, lnglat) {
        var lng = lnglat.lng * Math.PI / 180;
        var lat = lnglat.lat * Math.PI / 180;
        var x,y,z;
        x = Math.cos(lat) * Math.cos(lng);
        y = Math.cos(lat) * Math.sin(lng);
        z = Math.sin(lat);
        X += x;
        Y += y;
        Z += z;
      });

      X = X/total;
      Y = Y/total;
      Z = Z/total;

      var Lng = Math.atan2(Y,X);
      var Hyp = Math.sqrt(X*X + Y*Y);
      var Lat = Math.atan2(Z,Hyp);
      //返回的数据格式根据你自己的需要改变
      return {"lng":Lng*180/Math.PI,"lat":Lat*180/Math.PI};
    }
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值