Tag: Google Maps

IconStyler für Fusion Tables (Google Maps) zieht keine Spaltendaten

Ich baue eine Karte mit der Google Maps API und habe einen Haken getroffen. In der Tabelle habe ich eine Spalte, die das IconName für jeden Marker ('mStyle', es ist col3) markiert. Im folgenden Code versuche ich, den Icon-Stil auf die Spaltenwerte zu setzen, und ich habe viele, viele verschiedene Iterationen ausprobiert, die nicht gearbeitet […]

Multi-Adress-Array Google Maps Uncaught TypeError: Kann die Eigenschaft '0' von undefined nicht lesen

Es ist etwas falsch mit meinem für Loop oder Array, aber ich weiß nicht wo. Uncaught TypeError: Kann die Eigenschaft '0' von undefined nicht lesen Wie soll die Schleife richtig funktionieren? Http://jsfiddle.net/hugpablo/uLza5va6/1/ var map; var bounds = new google.maps.LatLngBounds(); var mapOptions = { mapTypeId: 'roadmap' }; // Display a map on the page map = […]

Google Maps API – generieren zufällige Cooridinate in den USA

Ist es möglich, zufällige Breiten- und Längengrade für Google Maps API zu generieren und auf diese Koordinaten zu konzentrieren (ich benötige irgendwelche Koordinaten irgendwo im kontinentalen Teil von USA)?

Animierte Google Maps Marker

Ich möchte so etwas wie diese Animation erreichen Hier, wenn der Benutzer über irgendeinen Platz in der Liste klickt / schwebt, wird der entsprechende Platz auf der Karte animiert hervorgehoben. Wie kann ich das erreichen? Ich habe einige Google gemacht, konnte aber keine Dokumentation dafür finden. Kann jemand eine nützliche Ressource oder Links vorschlagen?

So entfernen Sie die Quadrat- und Kreisoption aus DrawingManager

Ich bin tyring, um es so meine DrawingManager hat nur die Möglichkeit zu schwenken und haben ein Polygon, aber ich kann nicht herausfinden, wie man den Rest der Optionen (Polylinie, quadratisch, Kreis) zu entfernen. . Ich definiere meinen DrawingManager und habe versucht, das rectangleOptions und circleOptions zu entfernen, aber das scheint nichts zu tun. var […]

Google Maps API: Update Marker Farbe

Ich habe mehrere Google Maps Marker Farben je nachdem, ob die Bedingungen sind TRUE oder nicht . Zusätzlich ändern diese Markierungen die Farbe, wenn die Maus über eine Division (a1, a2..ax) ist. Ich möchte diese Marker zurück zu der Farbe setzen, die vorher gesetzt wird, wenn Maus die Abteilung verlässt. Würde es so etwas wie: […]

Google Maps hört auf zu laden, wenn der Code in meine JS-Datei von Skript-Tags in index.html verschoben wird

Meine Karte funktionierte gut, als ich es in den Skript-Tags auf meiner Index-Seite hatte, aber als ich versuchte, es in meine js-Datei zu verschieben, damit ich eine Variable in ihr verwenden konnte, funktionierte nichts. Jede Hilfe wird geschätzt, danke HTML <div id="map"></div> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD9utzeckd8pV-IwFik5jVgTtG84QhDjfI&callback=" type="text/javascript"></script> <script type="text/javascript" src="js/index.js"></script> JavaScript var im = 'http://i.imgur.com/aCONaAI.png'; […]

Google Maps API V3 Anzeige Dauer und Entfernung im Info-Fenster

Ich habe eine benutzerdefinierte Karte gebaut, die Richtungen von einem Punkt zu einer angeklickten Markierung baut, aber ich habe Schwierigkeiten herauszufinden, wie man die Gesamtstrecke und die Reisedauer im Info-Fenster anzeigt. function initMap() { var directionsService = new google.maps.DirectionsService; var directionsDisplay; directionsDisplay = new google.maps.DirectionsRenderer({ polylineOptions: { strokeColor: "red" } }); var map = new […]

Uncaught TypeError: Kann die Eigenschaft 'lat' von undefined nicht lesen

Ich versuche, eine Website mit dem Google Maps Javascript API zu finden, um Hotels um eine Stadt zu finden, und vergleichen Sie die Abstände zwischen jedem Hotel zu benutzerdefinierten Orten, um das Hotel am nächsten zu allen Orten, die sie besuchen möchten, zu finden. Zuerst berechnet es die Koordinaten der vom Benutzer eingegebenen Orte (mit […]

Den Breiten- und Längengrad des Punktes zwischen zwei (auf Prozent) zwei Punkte auf Google Maps JS API?

Hier ist der Code, den ich bisher habe: function initialize() { var mapOptions = { center: { lat: 21.9072222, lng: -47.715}, zoom: 3 }; var map = new google.maps.Map(document.getElementById('derby-to-lima'), mapOptions); var line = new google.maps.Polyline({ path: [new google.maps.LatLng(53.9834124, -1.5863153), new google.maps.LatLng(-12.0553442, -77.0451853)], strokeColor: "#008CBA", geodesic: true, strokeOpacity: 0.5, strokeWeight: 5, map: map }); } google.maps.event.addDomListener(window, […]

Lassen Sie uns Javascript Schönheit und nützlich machen.