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许可获得许可。