内容简介:在之前的而在地图控件上显示这个多边形区域时,往往会遇到这样一个需求:需要把所要测绘的多边形区域移动到地图中心。实现这个需求的基本思路就是:获取到多边形区域的重心点坐标,然后利用地图控件的
在之前的 《如何判断一个多边形是否合法》 一文中有提到,用无人机规划飞行路线前,往往需要框选一个多边形的区域。
而在地图控件上显示这个多边形区域时,往往会遇到这样一个需求:需要把所要测绘的多边形区域移动到地图中心。
实现这个需求的基本思路就是:获取到多边形区域的重心点坐标,然后利用地图控件的 setCenter
方法,就可以把地图的显示中心移动到多边形区域重心了。那么问题来了,如何求出一个多边形的重心点坐标呢?
这里所说的重心,也常常叫几何中心
这里首先给出一个公式:
平面多边形 可以被剖分为 n个有限的简单图形 ,这些简单图形的重心点为 ,面积为 ,那么这个平面多边形的重心点坐标为
公式参考:维基百科
一般来说我们可以给多边形进行三角剖分,而 即为多边形的总面积,那么这个公式可以理解为:
多边形重心横坐标 = 多边形剖分的每一个三角形重心的横坐标 * 该三角形的面积之和 / 多边形总面积
多边形重心纵坐标 = 多边形剖分的每一个三角形重心的纵坐标 * 该三角形的面积之和 / 多边形总面积
所以这里就把问题拆分成了三个小问题:
- 求每个剖分出来的三角形的重心。
- 求每个剖分出来的三角形的面积。
- 求多边形的面积。
算法解析
1. 求三角形的重心
三角形的重心:三条中线的交点。其中重心到其中一个顶点的距离是重心到该顶点对边中点的距离的2倍。
即:GC = 2 * GP,也就是说重心坐标在 CP 线段上距离 AB 的中点 P 的 1/3 处。 假设 A,B,C 三点的坐标为:
那么通过简单坐标计算,可以得出其重心坐标为
2. 求三角形面积
计算三角形的面积,我们这里利用 向量积
来计算,我们知道平面中的两个向量的叉乘的模等于以这两个向量为边的平行四边形的面积,那么以这个两个向量为边的三角形,则是这个平行四边形的面积的一半。
参考:向量叉积
如上图,已知平面上两点 ,以 A,B和坐标原点 构成的三角形的面积 S 为:
这里给出运算草稿:
为什么这里我们会以原点作为第三个点构成三角形呢?其实是跟接下来求多边形面积是有关联的。
3. 求多边形的面积
我们在上面给出的求平面多边形重心的公式中有说到,一般我们会把多边形剖分为多个三角形。 那么这个剖分点 P 我们可以设在哪里呢?这里先给出结论:这个剖分点可以设置在多边形的内部,也可以设置到外部。
为什么这个剖分点可以设置到外部呢?我们可以通过简单的三角形情况来推广到多边形的情况。 对于三角形ABC,我们把剖分点设置在其外部 P 的一点上
如果大家还记得 《如何判断一个多边形是否合法》 一文中有讲过向量叉积是有正负之分的,并且根据上面所说的计算三角形面积,那么以 P 为剖分点,通过向量积可以得出这个三角形的面积 A 为:
因为 向量PB 在 向量PA 的顺时针方向,所以 的结果是负数的。那么上面的面积计算公式其实就可以理解为:
三角形ABC的面积 = 三角形PBC面积 + 三角形PCA面积 - 三角形PAB面积
假设这四个点的坐标为: ,通过上面的公式进行计算,具体的演算过程我就不给出了,这里直接给出计算结果:
我们可以发现,计算结果中没有 的项,因为它们在计算过程中给消去了,数学就是这么奇妙!所以我们可以得出一个结论,多边形的面积结果与这个剖分点的位置是无关的。那么为了计算方便,我们当然选择把这个 P 点设置到原点上啦。
那么只要我们知道多边形的每一个顶点,通过原点进行剖分成多个三角形,然后通过向量的叉乘求出每个三角的面积,最后相加,就可以求出多边形的面积了。
示例代码及解析
好了,说到这里,我们已经找到所有满足最开始的计算多边形重心点坐标的所有计算元素了。是时候上代码了,这里构建一个函数 calculatePolygonGravityCenter(coordinates: [CLLocationCoordinate2D])
,这个函数传入的参数是多边形在地图上的坐标点数组。
func calculatePolygonGravityCenter(coordinates: [CLLocationCoordinate2D]) -> CLLocationCoordinate2D { var area = 0.0 // 多边形面积 var gravityLat = 0.0 // 重心点 latitude var gravityLng = 0.0 // 重心点 longitude for (index, coordinate) in coordinates.enumerated() { // 1 let lat = coordinate.latitude let lng = coordinate.longitude let nextLat = coordinates[(index + 1) % coordinates.count].latitude let nextLng = coordinates[(index + 1) % coordinates.count].longitude // 2 let tempArea = (nextLat * lng - nextLng * lat) / 2.0 // 3 area += tempArea // 4 gravityLat += tempArea * (lat + nextLat) / 3 gravityLng += tempArea * (lng + nextLng) / 3 } // 5 gravityLat = gravityLat / area gravityLng = gravityLng / area return CLLocationCoordinate2D(latitude: gravityLat, longitude: gravityLng) } 复制代码
对应上面代码的注释:
- 拿到多边形上连续两个点的坐标,我们可以把 latitude 看做横坐标,longitude 是纵坐标。
- 利用向量叉乘计算这两个点与原点组成的三角形的面积。
- 所有面积之和得出多边形的面积,就是求公式 中的 。
-
(lat + nextLat) / 3
是以这两个点和原点组成的三角形的重心横坐标,这样的累加gravityLat += tempArea * (lat + nextLat) / 3
其实是求公式 中的 的值。 - 到这一步就简单了,直接套用公式 。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- arcgis for javascript 绘制多边形
- 论如何获取 2 个多边形相交关系
- 如何判断一个多边形是否合法 (Swift 代码实现)
- 微信小程序-测试游戏生成六边多边形
- 单一div的正多边形变换(纯CSS)
- HQChart 1.9334 版本发布,增加等比坐标、黄金分割坐标、等分坐标
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Web Form Design
Luke Wroblewski / Rosenfeld Media / 2008-5-2 / GBP 25.00
Forms make or break the most crucial online interactions: checkout, registration, and any task requiring information entry. In Web Form Design, Luke Wroblewski draws on original research, his consider......一起来看看 《Web Form Design》 这本书的介绍吧!