Drehen Sie ein google.maps.Polygon
auf Google Maps v3 im Vergleich zu google.maps.LatLng
Drei Schnellstartoptionen sind verfügbar:
git clone [email protected]: ahmadnassri/google-maps-polygon-rotate.git
- Install with [Bower](http://bower.io)
```bash
bower install google-maps-polygon-rotate
Innerhalb des Downloads finden Sie die folgenden Dateien, die sowohl kompilierte als auch abgebrochene Variationen bereitstellen:
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
Erstellen Sie zunächst eine neue Protokollinstanz:
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 ) ;
Eine detaillierte API -Dokumentation finden Sie im Wiki.
Haben Sie einen Fehler oder eine Funktionsanforderung? Bitte lesen Sie zuerst die Ausgaberichtlinien und suchen Sie nach vorhandenen und geschlossenen Problemen. Wenn Ihr Problem oder Ihre Idee noch nicht behandelt wird, öffnen Sie bitte ein neues Problem.
Dieses Projekt verwendet Grunzen. Wenn Sie Grunzen noch nie benutzt haben, lesen Sie unbedingt den Anleitungsführer für Erste Schritte.
Wenn Sie auf Probleme mit der Installation von Abhängigkeiten oder beim Ausführen von Grunzenbefehlen stoßen, können Sie alle früheren Abhängigkeitsversionen (global und lokal) deinstallieren. Dann npm install
erneut durchführen.
Bitte lesen Sie unsere beitragenden Richtlinien durch. Eingeschlossen sind Anweisungen zum Öffnen von Problemen, Codierungsstandards und Notizen zur Entwicklung.
Wenn Ihre Pull -Anfrage JavaScript -Patches oder -Featuren enthält, müssen Sie relevante Tests einbeziehen.
Die Einstellungen für die Editor sind in der Editor -Konfiguration verfügbar, um bei gemeinsamen Texteditoren eine einfache Verwendung zu erhalten. Lesen Sie mehr und laden Sie Plugins unter http://editorconfig.org herunter.
Spenden Sie Bitcoins für dieses Projekt oder machen Sie Commits und erhalten Sie Tipps dafür. Wenn Ihr Commit von Project Attaper akzeptiert wird und Bitcoins im Gleichgewicht stehen, erhalten Sie einen Tipp!
Spenden können die kontinuierliche Entwicklung dieses Projekts unterstützen.
Für die Transparenz in unserem Freisetzungszyklus und nach der Aufrechterhaltung der Rückwärtskompatibilität wird dieses Projekt unter den Richtlinien der semantischen Versioning aufrechterhalten. Manchmal vermasseln wir es, aber wir werden diese Regeln nach Möglichkeit halten.
Veröffentlichungen werden mit dem folgenden Format nummeriert:
<major>.<minor>.<patch>
Und mit den folgenden Richtlinien erstellt:
Weitere Informationen zu SEMVER finden Sie unter http://semver.org/.
Lizenziert unter der MIT -Lizenz.