JavaScript實(shí)現(xiàn)計(jì)算多邊形質(zhì)心的方法示例
本文實(shí)例講述了JavaScript實(shí)現(xiàn)計(jì)算多邊形質(zhì)心的方法。分享給大家供大家參考,具體如下:
最近要基于百度地圖顯示多邊形的標(biāo)注,所以就研究了下計(jì)算Polygon的質(zhì)心,代碼如下:
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 計(jì)算polygon的質(zhì)心 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); }
標(biāo)注文字的效果如下:
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript實(shí)現(xiàn)json頁(yè)面分頁(yè)實(shí)例代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)json頁(yè)面分頁(yè)實(shí)例代碼,需要的朋友可以參考下2014-02-02兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
JavaScript 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)(xml同步/異步加載、xsl轉(zhuǎn)換、selectSingleNode、selectNodes)2011-11-11詳解JS鼠標(biāo)事件中clientX/screenX/offsetX/pageX屬性的區(qū)別
在熟悉業(yè)務(wù)中播放器功能的時(shí)候,發(fā)現(xiàn)時(shí)間軸上綁定了點(diǎn)擊和拖動(dòng)事件,頻繁遇到了類似pageX之類的事件屬性,所以本文就來和大家詳細(xì)聊聊clientX/screenX/offsetX/pageX等屬性的區(qū)別吧2024-03-03Javascript實(shí)用方法之json合并的場(chǎng)景分析
這篇文章主要介紹了Javascript實(shí)用方法之json合并,jQuery 的“extend()”方法有兩個(gè)原型:合并的方法,分別是淺合并和深度合并,本文通過代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09javascript 刪除數(shù)組元素和清空數(shù)組的簡(jiǎn)單方法
這篇文章主要介紹了javascript 刪除數(shù)組元素和清空數(shù)組的簡(jiǎn)單方法的相關(guān)資料,需要的朋友可以參考下2017-02-02javaScript實(shí)現(xiàn)可縮放的顯示區(qū)效果代碼
這篇文章主要介紹了javaScript實(shí)現(xiàn)可縮放的顯示區(qū)效果代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10JavaScript中alert的使用方法超詳細(xì)介紹
JS中的alert作用是在瀏覽器中彈出一個(gè)警告框,而使用alert有三種方式,不同的方式所呈現(xiàn)的效果也不相同,這篇文章主要給大家介紹了關(guān)于JavaScript中alert使用方法的相關(guān)資料,需要的朋友可以參考下2024-01-01