JavaScript实现计算多边形质心的方法示例
更新时间：2018年01月31日 12:00:09 作者：孟哥1989
这篇文章主要介绍了JavaScript实现计算多边形质心的方法,结合实例形式分析了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实现json页面分页实例代码,需要的朋友可以参考下2014-02-02
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
JavaScript 兼容IE、FireFox、Chrome等浏览器的xml处理函数（xml同步/异步加载、xsl转换、selectSingleNode、selectNodes）2011-11-11
详解JS鼠标事件中clientX/screenX/offsetX/pageX属性的区别
在熟悉业务中播放器功能的时候,发现时间轴上绑定了点击和拖动事件,频繁遇到了类似pageX之类的事件属性,所以本文就来和大家详细聊聊clientX/screenX/offsetX/pageX等属性的区别吧2024-03-03
读取XML文件的方法有很多，在本文为大家详细介绍下使用js是如何做到的，感兴趣的朋友可以参考下本文2013-11-11
这篇文章主要介绍了Javascript实用方法之json合并,jQuery 的“extend()”方法有两个原型：合并的方法,分别是浅合并和深度合并，本文通过代码给大家介绍的非常详细，需要的朋友可以参考下2022-09-09
这篇文章主要介绍了javascript 删除数组元素和清空数组的简单方法的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了javaScript实现可缩放的显示区效果代码,涉及JavaScript响应鼠标事件动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
JS中的alert作用是在浏览器中弹出一个警告框,而使用alert有三种方式,不同的方式所呈现的效果也不相同,这篇文章主要给大家介绍了关于JavaScript中alert使用方法的相关资料,需要的朋友可以参考下2024-01-01
本文主要介绍了原生js实现弹出层效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JS设计模式之命令模式概念与用法,简单描述了命令模式的原理、功能并结合javascript实例形式分析了命令模式相关定义与使用技巧,需要的朋友可以参考下2018-02-02
最新评论