google maps polygon rotate
New Rotation Logic using Points
在Google Maps上旋轉google.maps.Polygon相對於google.maps.LatLng
提供三個快速啟動選項:
git clone [email protected]:ahmadnassri/google-maps-polygon-rotate.git
- Install with [Bower](http://bower.io)
```bash
bower install google-maps-polygon-rotate
在下載中,您會找到以下文件,提供編譯和縮小的變化:
google-maps-polygon-rotate/
├── dist
│ └── google.maps.Polygon.rotate.min.js
└── src
├── google.maps.LatLng.distanceTo.js
├── google.maps.Point.rotate.js
├── google.maps.Polygon.getCenter.js
└── google.maps.Polygon.rotate.js
首先創建一個新的日誌實例:
function initialize ( ) {
var mapOptions = {
zoom : 5 ,
center : new google . maps . LatLng ( 24.886436490787712 , - 70.2685546875 ) ,
mapTypeId : google . maps . MapTypeId . TERRAIN
} ;
var bermudaTriangle ;
var map = new google . maps . Map ( document . getElementById ( 'map-canvas' ) ,
mapOptions ) ;
// Define the LatLng coordinates for the polygon's path.
var triangleCoords = [
new google . maps . LatLng ( 25.774252 , - 80.190262 ) ,
new google . maps . LatLng ( 18.466465 , - 66.118292 ) ,
new google . maps . LatLng ( 32.321384 , - 64.75737 ) ,
new google . maps . LatLng ( 25.774252 , - 80.190262 )
] ;
// Construct the polygon.
bermudaTriangle = new google . maps . Polygon ( {
paths : triangleCoords ,
strokeColor : '#FF0000' ,
strokeOpacity : 0.8 ,
strokeWeight : 2 ,
fillColor : '#FF0000' ,
fillOpacity : 0.35
} ) ;
bermudaTriangle . setMap ( map ) ;
google . maps . event . addListener ( bermudaTriangle , 'click' , function rotate ( ) {
var origin = bermudaTriangle . getCenter ( ) ;
bermudaTriangle . rotate ( 90 , origin ) ;
} ) ;
}
google . maps . event . addDomListener ( window , 'load' , initialize ) ; 有關詳細的API文檔,請參閱Wiki。
有錯誤或功能請求嗎?請首先閱讀問題指南,並蒐索現有和封閉的問題。如果您的問題或想法尚未解決,請打開一個新問題。
該項目使用咕unt。如果您以前從未使用過咕unt聲,請務必查看“入門指南”。
如果您遇到安裝依賴項或運行grunt命令的問題,請卸載所有以前的依賴版本(全局和本地)。然後,重新運行npm install 。
請閱讀我們的貢獻指南。其中包括開放問題,編碼標準和開發說明的方向。
更重要的是,如果您的拉請求包含JavaScript補丁或功能,則必須包括相關的單元測試。
編輯器首選項在編輯器配置中可用,以便在常見的文本編輯器中輕鬆使用。在http://editorconfig.org上閱讀更多並下載插件。
將比特幣捐贈給該項目或進行提交並獲得提示。如果您的提交被項目維護者接受,並且有比特幣的平衡,您將獲得提示!
歡迎捐款以幫助支持該項目的持續發展。
為了透明到我們的發行週期並努力保持向後兼容性,該項目是根據語義版本指南維護的。有時我們會搞砸,但是我們會盡可能遵守這些規則。
發行版將以以下格式編號:
<major>.<minor>.<patch>
並根據以下準則構建:
有關SEMVER的更多信息,請訪問http://semver.org/。
根據MIT許可獲得許可。