Wie wird eine nicht statische Google Map angezeigt?

-2

Ich habe den folgenden Code-Schnipsel gebaut von ein paar Tutorials zu beobachten und zu lesen offizielle Dokumentation:Wie wird eine nicht statische Google Map angezeigt?

HTML: 

    <div class="map-area"> 
    <img id="fancybutton" class="icon map_icon" src="../location.png" /> 
    <div id="map-canvas"></div> 
    </div> 

jQuery: 

    $('.map_icon').click(function(){ 

      var mapOptions = new google.maps.Map(mapDiv, { 

        center: { lat: -34.397, lng: 150.644 }, 
        zoom: 8 

      }); 

      var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 


    });

ich Arbeit hat jedoch zeigt es statische Karte, wie folgend:

<img src="https://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&amp;1i59992&amp;2i39244&amp;2e1&amp;3u8&amp;4m2&amp;1u400&amp;2u400&amp;5m5&amp;1e0&amp;5sda-DK&amp;6sus&amp;10b1&amp;12b1&amp;token=46934" style="width: 400px; height: 400px;">

Wie kann ich Anzeigen ein Normale Google-Karte, die ein Nutzer zoomen konnte usw.?

Jede Hilfe oder Anleitung wird sehr geschätzt.

Quelle

2016-05-02 WpDoe

Sie & können z = nn http://gis.stackexchange.com/a/115165 – Nezir

nur ersetzen 'center' mit' q' [Wie Erhalte dynamische Google Map URL einer bestimmten Karte (Ich habe statische Karte URL)] (http://Stackoverflow.com/questions/7102264/how-to-obtain-dynamic-google-map-url-of-a-specific- map-i-have-static-map-url) –

Sie brauchen nur: Siehe https://developers.google.com/maps/documentation/javascript/:

<html> 

    <script src="http://maps.googleapis.com/maps/api/js"></script> 

    <script type="text/javascript"> 

    $(document).ready(function() { 
     $('.map_icon').click(function(){ 
      initialize(); 
     }); 
    }); 
    function initialize() { 
    var mapProp = { 
     center:new google.maps.LatLng(51.508742,-0.120850), 
     zoom:5, 
     mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
    } 
    </script> 

    <body> 
    <div id="googleMap" style="width:500px;height:380px;"></div> 
    <a id="fancybutton" class="icon map_icon">Load Map</a> 
    </body> 

</html>

Quelle

2016-05-02 12:52:37

Das ist nicht das, wonach ich frage. Tatsächlich fragte ich nach dem Scrollrad, indem ich eine Karte nicht als IMG anzeigen ließ. – WpDoe

scrollwheel zum Zoomen auf die Karte machen ... du hast das grundlegende Skript gesehen ... du kannst ändern, was du willst in dieser Karte, indem du die richtigen Eigenschaften einstellst –

Ich habe versucht, es auf true zu setzen. Aber die Karte wird immer noch als "img" angezeigt, die offensichtlich nicht vergrößert/verkleinert und verschoben werden kann. Also hilft diese Lösung definitiv nicht mein Problem. – WpDoe

Wie wird eine nicht statische Google Map angezeigt?

Antwort

Verwandte Themen