JavaScript实现计算多边形质心的方法示例
2019/6/27 20:26:53
本文主要是介绍JavaScript实现计算多边形质心的方法示例,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
本文实例讲述了JavaScript实现计算多边形质心的方法。分享给大家供大家参考,具体如下:
最近要基于百度地图显示多边形的标注,所以就研究了下计算Polygon的质心,代码如下:
function Area(p0,p1,p2) { var area = 0.0 ; area = p0.lng * p1.lat + p1.lng * p2.lat + p2.lng * p0.lat - p1.lng * p0.lat - p2.lng * p1.lat - p0.lng * p2.lat; return area / 2 ; } //line 249 计算polygon的质心 function getPolygonAreaCenter(points) { var sum_x = 0; var sum_y = 0; var sum_area = 0; var p1 = points[1]; debugger; for (var i = 2; i < points.length; i++) { p2=points[i]; area = Area(points[0],p1,p2) ; sum_area += area ; sum_x += (points[0].lng + p1.lng + p2.lng) * area; sum_y += (points[0].lat + p1.lat + p2.lat) * area; p1 = p2 ; } var xx = sum_x / sum_area / 3; var yy = sum_y / sum_area / 3; return new BMap.Point(xx, yy); }
标注文字的效果如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
这篇关于JavaScript实现计算多边形质心的方法示例的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程