Können laden Sie Google Maps API v3 und die über die Google AJAX API loader

Habe ich vor einiger Zeit verwendet die herkömmliche Methode laden der Google Maps-API wie diese:

<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=abcdefg&sensor=true">

Später wechselte ich zu Google AJAX APIs zum laden von Google Maps API. Dies war, weil ein paar "widgets" auf meiner website erforderlich, die Google Ajax API loader so wählte ich, konsequent zu sein und verwendet die AJAX-APIs zum laden von Google Maps sowie:

<script type="text/javascript" src="http://www.google.com/jsapi?key=abcdef"></script>
<script type="text/javascript">
  google.load("maps", "2", {"other_params": "sensor=true"});
</script>

Nun, dass ich schließlich beschlossen, die Verwendung von Google Maps API v3, auf dieser Seite nicht-Liste API v3 in der version Liste. Keines der Beispiele auf API v3 Dokumentation zeigen den Einsatz von AJAX-APIs als auch. Ist es möglich (und unterstützt) geladen Google Maps API v3 via AJAX API loader?

InformationsquelleAutor Salman A | 2011-03-14
  1. 24

    Es ist Undokumentiert, aber es funktioniert.

    google.load("maps", "3", {other_params:'key=YOUR_API_KEY', callback: function(){
  var map; //initialize your map in here
}});

    [BEARBEITEN]
    Die Dokumentation erfordert jetzt die Verwendung eines API-Schlüssel übergeben wird, der loader als "Schlüssel" - parameter. Ich habe entfernt 'sensor=false' als parameter, weil es ist jetzt ausdrücklich nicht erforderlich und wirft eine Warnung, wenn vorhanden.

    • Bedeutet "ohne Papiere" bedeuten, es kann (nicht) funktionieren wie erwartet-oder es darf (nicht) arbeiten in der Zukunft?
    • Nun, stellt sich heraus, es ist dokumentiert, nur verborgen tief im inneren der FAQ, als vielmehr der Dokumentation.
    • Richtig... scheint, wie api v3 hat noch einen langen Weg zu gehen.
    • Dies ist eine große Antwort! Nur wollte Sie wissen lassen, Sie bist fehlt eine } am Ende. Sie müssen in der Nähe der callback-Funktion und den .load-Funktion. }});
    • Nur um Klarstellung, wie der Aufruf Aussehen würde, wenn Sie setup Ihrer Karte in einer separaten Funktion: google.load('maps', '3', {other_params:'sensor=true', "callback" : yourFunctionName});
    • wie fügen Sie Ihren API-Schlüssel? ich bekomme immer diese Warnung auf firebug Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys util.js (line 210)
    • Ich habe aktualisiert die Antwort auf dieses Problem anzugehen.

    InformationsquelleAutor Haochi
  2. -1

    diesem Beispiel funktioniert perfekt.

    //Set google Api
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
//Initialize General
<script type="text/javascript">
    //Add Jquery, if you need
    google.load("jquery", "1.7.1");
    //Initialize Map, with option sensor=false
    google.load("maps", 3, {other_params:"key=YOUR_API_KEY"});
    //Initialize Map's
    google.setOnLoadCallback(function() {
            var options = {
                  zoom: 10,
                  center: new google.maps.LatLng(-34.616507,-58.409463),
                  mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById('map_canvas'), options);
    });


</script>
    • Ich habe aktualisiert diese Antwort mit derzeit funktionierenden code. Liebe es, wenn Google ändert die Dinge, ohne Warnung.
    InformationsquelleAutor SoftwareARM
Schreibe einen Kommentar