Google Maps v3

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Google Maps v3

      Viele von euch nutzen die Google Maps API.
      Google gab die Nacht bekannt, dass es bald eine Version 3 geben wird. Rund erneuerter Code mit MVC Konzept, weniger Quelltext und optimiert, damit auch mobile Browser die Karte rendern können.
      Der Code soll auch endlich mal ein bisschen sauberer sein ;) Keine globalen Google Variablen mehr ;)

      Außerdem hat Google den API Key abgeschafft. Man kann die Karte nun überall nutzen, egal auf welcher Domain.

      Mehr Informationen unter googlegeodevelopers.blogspot.c…g-google-maps-api-v3.html bzw Referenz und Dokumentation.

      Hier das erste Snippet (kanntet ihr meta>viewport vorher?)

      Quellcode

      1. <html>
      2. <head>
      3. <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
      4. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
      5. <script type="text/javascript">
      6. function initialize() {
      7. var latlng = new google.maps.LatLng(-34.397, 150.644);
      8. var myOptions = {
      9. zoom: 8,
      10. center: latlng,
      11. mapTypeId: google.maps.MapTypeId.ROADMAP
      12. };
      13. var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      14. }
      15. </script>
      16. </head>
      17. <body onload="initialize()">
      18. <div id="map_canvas" style="width:100%; height:100%">
      19. </body>
      20. </html>
      Alles anzeigen