根据高德地图 多边形 获取该区域的中心

参数

[[113.049055,23.273062],[113.922468,23.605693],[114.230085,22.615453],[112.697493,22.954773],[112.851301,23.484833]]
calculateCenter(lnglatarr) {
      var total = lnglatarr.length;
      var X = 0,
        Y = 0,
        Z = 0;
      lnglatarr.map((item) => {
        var lng = (item[0] * Math.PI) / 180;
        var lat = (item[1] * 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 new AMap.LngLat((Lng * 180) / Math.PI, (Lat * 180) / Math.PI);
    }
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
高德地图中,多边形是一种常见的覆盖物类型。您可以使用JavaScript API提供的`AMap.Polygon`类来添加、获取和删除多边形。下面是一些示例代码,演示如何使用`AMap.Polygon`类来操作多边形覆盖物。 ### 添加多边形覆盖物 要在地图上添加多边形覆盖物,您可以使用以下代码: ```javascript var map = new AMap.Map('container', { zoom: 13, center: [116.39, 39.9] }); var path = [[116.403322, 39.920255], [116.410703, 39.897555], [116.402292, 39.892353], [116.389846, 39.891365]]; var polygon = new AMap.Polygon({ map: map, path: path, strokeColor: '#FF33FF', strokeWeight: 6, fillColor: '#1791fc', fillOpacity: 0.4 }); ``` 在上面的代码中,我们创建了一个地图对象,然后定义了多边形的路径(path)和样式(strokeColor、strokeWeight、fillColor、fillOpacity),最后使用`new AMap.Polygon()`方法创建多边形覆盖物,并将其添加到地图上。 ### 获取多边形覆盖物获取多边形覆盖物的属性(如路径、样式等),您可以使用以下代码: ```javascript var path = polygon.getPath(); // 获取多边形的路径 var strokeColor = polygon.getOptions().strokeColor; // 获取多边形的边框颜色 var fillColor = polygon.getOptions().fillColor; // 获取多边形的填充颜色 ``` 在上面的代码中,我们使用`getPath()`方法获取多边形的路径,使用`getOptions()`方法获取多边形的选项,并从选项中获取边框颜色和填充颜色。 ### 删除多边形覆盖物 要删除多边形覆盖物,您可以使用以下代码: ```javascript polygon.setMap(null); // 将多边形从地图上删除 ``` 在上面的代码中,我们使用`setMap(null)`方法将多边形从地图上删除。 总结一下,您可以使用`AMap.Polygon`类来添加、获取和删除多边形覆盖物。您可以根据您的需求,修改多边形的属性和样式,实现更多地图功能。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值