百度地图中多边形覆盖物的面积计算

最新推荐文章于 2024-05-02 18:36:51 发布
最新推荐文章于 2024-05-02 18:36:51 发布
阅读量1.5w 收藏 14
点赞数 3
分类专栏： GIS相关 文章标签： 百度地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010367582/article/details/51668684
版权

面积计算原理

参考古人的定理：球面多边形计算面积的关键在于计算多边形所有角的度数，对于球面N变形，所有角的和为S,球的半径为R，面积计算公式：

(S−(N−2)∗Pi)∗R∗R

直接在地图上显示一个多边形覆盖物：

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=秘钥"></script>
<body>
  <div id="allmap" style="width:100%;height:100%"></div>
  <script type="text/javascript">

    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(121.329178,31.184047), 14);
    map.enableScrollWheelZoom();

        //添加固定范围
        var polygon = new BMap.Polygon([
        new BMap.Point(121.309056,31.22383),
        new BMap.Point(121.309918,31.207647),
        new BMap.Point(121.322998,31.185036),
        new BMap.Point(121.331046,31.171689),
        new BMap.Point(121.331621,31.170082),
        new BMap.Point(121.353324,31.177868),
        new BMap.Point(121.363673,31.187755),
        new BMap.Point(121.35548,31.229018),
        new BMap.Point(121.335646,31.229141),
        new BMap.Point(121.317967,31.224201)
        ], {strokeColor:"red", strokeWeight:2, strokeOpacity:0.8});  //创建多边形

        map.addOverlay(polygon);   //增加多边形

    </script>

</body>
</html>

计算面积逻辑代码如下：：

      //参数是一个百度类型的多边形覆盖物
      function getArea(polygon){

        // 检查类型：既不是百度类型的范围又不是数组类型的数据，直接返回0
        if (!(polygon instanceof BMap.Polygon) && !(polygon instanceof Array)) {
                return 0;
        }

         //如果是百度类型的，得到点集合，不是的话，另说。
         var pts = new Array();
         if (polygon instanceof BMap.Polygon) {
              pts = polygon.getPath();
         }

         //判断数组的长度，如果是小于3的话，不构成面，无法计算面积
         if (pts.length < 3) {
                return 0;
         }

         var totalArea = 0;// 初始化总面积
         var LowX = 0.0; 
         var LowY = 0.0; 
         var MiddleX = 0.0;
         var MiddleY = 0.0;
         var HighX = 0.0;
         var HighY = 0.0;
         var AM = 0.0;
         var BM = 0.0;
         var CM = 0.0;
         var AL = 0.0;
         var BL = 0.0;
         var CL = 0.0;
         var AH = 0.0;
         var BH = 0.0;
         var CH = 0.0;
         var CoefficientL = 0.0;
         var CoefficientH = 0.0;
         var ALtangent = 0.0;
         var BLtangent = 0.0;
         var CLtangent = 0.0;
         var AHtangent = 0.0;
         var BHtangent = 0.0;
         var CHtangent = 0.0;
         var ANormalLine = 0.0;
         var BNormalLine = 0.0;
         var CNormalLine = 0.0;
         var OrientationValue = 0.0;
         var AngleCos = 0.0;
         var Sum1 = 0.0;
         var Sum2 = 0.0;
         var Count2 = 0;
         var Count1 = 0;
         var Sum = 0.0;
         var Radius = 6378137.0;// ,WGS84椭球半径
         var Count = pts.length;
          for ( var i = 0; i < Count; i++) {
                if (i == 0) {
                    LowX = pts[Count - 1].lng * Math.PI / 180;
                    LowY = pts[Count - 1].lat * Math.PI / 180;
                    MiddleX = pts[0].lng * Math.PI / 180;
                    MiddleY = pts[0].lat * Math.PI / 180;
                    HighX = pts[1].lng * Math.PI / 180;
                    HighY = pts[1].lat * Math.PI / 180;
                } else if (i == Count - 1) {
                    LowX = pts[Count - 2].lng * Math.PI / 180;
                    LowY = pts[Count - 2].lat * Math.PI / 180;
                    MiddleX = pts[Count - 1].lng * Math.PI / 180;
                    MiddleY = pts[Count - 1].lat * Math.PI / 180;
                    HighX = pts[0].lng * Math.PI / 180;
                    HighY = pts[0].lat * Math.PI / 180;
                } else {
                    LowX = pts[i - 1].lng * Math.PI / 180;
                    LowY = pts[i - 1].lat * Math.PI / 180;
                    MiddleX = pts[i].lng * Math.PI / 180;
                    MiddleY = pts[i].lat * Math.PI / 180;
                    HighX = pts[i + 1].lng * Math.PI / 180;
                    HighY = pts[i + 1].lat * Math.PI / 180;
                }
                AM = Math.cos(MiddleY) * Math.cos(MiddleX);
                BM = Math.cos(MiddleY) * Math.sin(MiddleX);
                CM = Math.sin(MiddleY);
                AL = Math.cos(LowY) * Math.cos(LowX);
                BL = Math.cos(LowY) * Math.sin(LowX);
                CL = Math.sin(LowY);
                AH = Math.cos(HighY) * Math.cos(HighX);
                BH = Math.cos(HighY) * Math.sin(HighX);
                CH = Math.sin(HighY);
                CoefficientL = (AM * AM + BM * BM + CM * CM)/ (AM * AL + BM * BL + CM * CL);
                CoefficientH = (AM * AM + BM * BM + CM * CM)/ (AM * AH + BM * BH + CM * CH);
                ALtangent = CoefficientL * AL - AM;
                BLtangent = CoefficientL * BL - BM;
                CLtangent = CoefficientL * CL - CM;
                AHtangent = CoefficientH * AH - AM;
                BHtangent = CoefficientH * BH - BM;
                CHtangent = CoefficientH * CH - CM;
                AngleCos = (AHtangent * ALtangent + BHtangent * BLtangent + CHtangent* CLtangent)/ (Math.sqrt(AHtangent * AHtangent + BHtangent* BHtangent + CHtangent * CHtangent) * Math.sqrt(ALtangent * ALtangent + BLtangent* BLtangent + CLtangent * CLtangent));
                AngleCos = Math.acos(AngleCos);
                ANormalLine = BHtangent * CLtangent - CHtangent * BLtangent;
                BNormalLine = 0 - (AHtangent * CLtangent - CHtangent* ALtangent);
                CNormalLine = AHtangent * BLtangent - BHtangent * ALtangent;
                if (AM != 0)
                    OrientationValue = ANormalLine / AM;
                else if (BM != 0)
                    OrientationValue = BNormalLine / BM;
                else
                    OrientationValue = CNormalLine / CM;
                if (OrientationValue > 0) {
                    Sum1 += AngleCos;
                    Count1++;
                } else {
                    Sum2 += AngleCos;
                    Count2++;
                }
            }

            var tempSum1, tempSum2;
            tempSum1 = Sum1 + (2 * Math.PI * Count2 - Sum2);
            tempSum2 = (2 * Math.PI * Count1 - Sum1) + Sum2;
            if (Sum1 > Sum2) {
                if ((tempSum1 - (Count - 2) * Math.PI) < 1)
                    Sum = tempSum1;
                else
                    Sum = tempSum2;
            } else {
                if ((tempSum2 - (Count - 2) * Math.PI) < 1)
                    Sum = tempSum2;
                else
                    Sum = tempSum1;
            }
            totalArea = (Sum - (Count - 2) * Math.PI) * Radius * Radius;

            return totalArea; // 返回总面积
}

调用计算面积的方法：

      //1秒后弹出面积值，单位:米
       setTimeout(function(){

        alert(getArea(polygon));

       },1000);

如图所示：
这里写图片描述

GIS程序媛
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
专栏目录
java计算地图多边形面积_百度地图API画多边型，测面积
weixin_42116794的博客
02-27 1353
/***@fileoverviewGeoUtils类提供若干几何算法，用来帮助用户判断点与矩形、*圆形、多边形线、多边形面的关系,并提供计算折线长度和多边形的面积的公式。*主入口类是GeoUtils，*基于BaiduMapAPI1.2。**@authorBaiduMapApiGroup*@version1.2*///BMapLib.GeoUtils.degreeToR...
Android 使用 百度地图 测量 多边形面积
QQ丶的博客
11-14 4449
btn_clear = (Button)findViewById(R.id.btn_clear); btn_jisuan = (Button)findViewById(R.id.btn_jisuan); // 地图初始化 mMapView = (MapView) findViewById(R.id.mapView); mBaiduMap = mMapView.getMap(); //地图单击事件监
百度地图实现测量面积和测量距离功能
热门推荐
hgq0916的博客
01-06 10万+
最近在公司的项目中，需要用到百度地图的测距和测面积功能，但是在网上只找到了测量距离的api，即BMapLib.DistanceTool。 但是测面积在网上没有找到很好的资料，百度提供的DrawingManager虽然也可以实现测面积，但是感觉太lol了，然后继续找资料，发现有人跟我遇到同样的问题，他的解决思路是对BMapLib.DistanceTool进行改造，但遗憾的是没有提供源码。 我也想...
天地图如何获取多边形面积
最新发布
2401_84433924的博客
05-02 400
项目中提出在地图上绘制面并获取面积，如何实现？
百度地图API画多边型，测面积
Java_c#
08-08 4424
效果：   脚本： 耕地分布图 html,body { height:100%; margin:0; } var map = new BMap.Map("container", { mapType: BMAP_HYBRID_MAP }); //设置卫星图为底图 map.cent
百度地图测量多边形面积
04-03
支持鼠标绘制多边形，计算绘制总长度和绘制区域面积。
百度地图API（一）鼠标测面积（完整）
天空影
07-11 1万+
原文地址：百度地图实现测量面积和测量距离功能 但是这个博主写的AreaTool_min.js少了一个函数getCenterPoint(path)； function getCenterPoint(path) { var x = 0.0; var y = 0.0; for(var i=0;i&amp;amp;amp;amp;amp;amp;lt;path.length;i++){ x=x+ pa...
measureArea:百度地图API——鼠标测距测面积
05-01
博客： 百度地图离线API——鼠标测面积（完整）
百度地图 绘制 多边形 测 面积 demo_数字化地图数据
weixin_39919089的博客
12-01 940
数字化是GIS专家必须执行的最常见任务之一。通常，在将栅格数据数字化以创建要在分析中使用的矢量层时，会花费大量的时间。QGIS具有强大的屏幕数字化和编辑功能，我们将在本教程中进行探讨。任务概述我们将使用栅格地形图并创建代表公园周围要素的多个矢量层。您将学习的其他技能为大型栅格数据集构建金字塔以加快缩放和平移操作。使用Spatialite数据库。获取数据新西兰土地信息局(LINZ)为新西兰...
百度地图设置圆形覆盖物最佳视角
lihefei_coder的博客
09-19 1096
在百度地图中可以根据一组坐标点设置地图的最佳视角，但是针对只有一个中心点坐标的圆形覆盖物却没有提供设置最佳视角的API方法，只能自己另外实现，实现思路是根据圆形遮盖物的直径算出对应的地图缩放层级。 下面的表格是每个层级对应的距离比例，从最高层往下推可以得出的规律是每下一级对应的比列大约是上一级的两倍，例： 18级≈19级x2 17级=18级x2 16级=17级x2 15级≈16级x2 14级=15...
百度地图无限个多边形覆盖物实例代码
11-18
同时本代码实例补充了百度地图API功能，实现在多边形覆盖物中心点显示覆盖区域名称的功能，同时改变覆盖物形状，名称位置会自动更新于覆盖物的中心。点击名称还可弹出名称编辑对话框，实现更新覆盖区域名称的目的，...
自己写的百度地图javascript测量面积类
03-11
百度地图API javascript面积测量,单击开始，双击结束，显示多边形的面积和周长，带关闭符号，类似自带的测距工具。效果图见http://img.my.csdn.net/uploads/201303/11/1362987082_4116.jpg
百度测量面积JS
10-22
引入下载的js var measureAreaTool = createMeasureAreaTool(map); measureAreaTool.open(); 即可进行百度地图测量面积
百度地图实现距离测量和面积测量源码.zip
05-09
该代码是在百度地图提供的测距插件的基础上，添加了面积测量的功能。效果图参考https://blog.csdn.net/hgq0916/article/details/78991927
用ArcGIS JS 实现仿百度地图的距离量测和面积量测
08-19
用ArcGIS JS 实现仿百度地图的距离量测和面积量测
百度地图绘制多边形几何图形并保存坐标转成覆盖物
04-12
本话题聚焦于如何使用百度地图API来绘制多边形几何图形，并将这些图形的坐标保存，以便后续转化为地图上的覆盖物。下面将详细阐述这一过程。 首先，我们要了解百度地图API的核心功能。百度地图API提供了丰富的地图...
百度地图4.1_1覆盖物线条
11-12
本篇文章将深入探讨“百度地图4.1_1覆盖物线条”的相关知识点，帮助你理解和掌握如何在应用中创建和使用覆盖物线条。 首先，我们要了解什么是覆盖物（Overlay）。在地图应用中，覆盖物通常是指在地图基础图层之上...
web端js百度地图自定义maker覆盖物_鼠标悬停展示行政区域高亮
12-20
4. **地图覆盖物**：覆盖物是百度地图API中的一个重要概念，它可以在地图上添加自定义的图形或图片，比如标记、信息窗口等。开发者可以自定义覆盖物的样式和行为，以满足各种需求。 5. **自定义覆盖物**：在本案例...
利用百度地图api，在地图上设置一个标记点，以标记点为圆心，搜索不同半径范围内的覆盖物
qq_27387133的博客
03-07 7357
利用百度地图api，通过在输入框（带自动填充）输入标记点，然后给标记点设置了一个信息窗口，信息窗口中可以选择搜索的半径范围，分别为1，2，3，5，10km。通过下拉框选择好半径范围后，自动画出一个对应半径的圆，并显示出在范围内的覆盖物（覆盖物是随机生成的，如有需要可以通过后台返回自己的数据并生成对应的覆盖物），点击覆盖物弹出自定义的覆盖物信息窗口。效果图如下： 相关实现如下： 1.引入...
高德地图多边形覆盖物添加、获取、删除
06-02
在高德地图中，多边形是一种常见的覆盖物类型。您可以使用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`类来添加、获取和删除多边形覆盖物。您可以根据您的需求，修改多边形的属性和样式，实现更多地图功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值