1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

GoogleMaps auf eigener Homepage

Discussion in 'Web-Know-how für die Homepage' started by hardyy, Mar 16, 2011.

Thread Status:
Not open for further replies.
  1. hardyy

    hardyy Byte

    Hallo,

    gemäß dem Tutorial Google Maps JavaScript API V3 wollte ich Google Maps in meine Homepage einbauen.

    In dem dort angegebenen Beispiel sollte ich eine Ansicht fokusiert auf Sydney in Australien bekommen.
    Leider tut sich bei mir nichts - keine Anzeige. Der Sensor ist auch gesetzt - in meinem Fall auf false Die Validierung zeigt 0 Fehler und 0 Warnungen.

    Hat schon jemand mit diesem Tutorial gearbeitet und kann mir evtl. helfen? Was mache ich falsch? Bin noch ein JS--Anfänger.

    Natürlich gibt es auch die Linkmethode direkt aus Google Maps, aber ich würde lieber mit der API-Schnittstelle arbeiten.

    Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
    <title>GoogleMaps</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <link href="style.css" type="text/css" rel="stylesheet" />

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">
    function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }

    </script>
    </head>

    <body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
    </body>

    </html>
     
    hardyy, Mar 16, 2011
    #1
  2. kalweit

    kalweit Hüter der Glaskugel

    Ich arbeite zwar nur mit der v2, aber ich nehme mal an, dass man auch für die v3 einen domainbezogenen API-Key braucht, den man an das Script übergeben muss. Zudem kann es hilfreich sein, die Karte nicht per "<body onload...>" zu laden, sondern die Funktion ans Ende der Seite zu setzen. Damit umgeht man Timingprobleme einiger Browser.
     
    kalweit, Mar 16, 2011
    #2
  3. hardyy

    hardyy Byte

    Für die Vers.3 braucht man lt. Google kein API-Schlüssel mehr.

    Habe versucht die Function auf andere Arten aufzurufen aber vergebens.
    Die Statusleiste meldet zwar die Verbindung zum localhost und dann zu Google und zeigt dann nur noch "fertig" ohne das eine Anzeige erfolgt.

    Wie gesagt, bin ich ein JS-Anfänger und muß mich mehr in die Sache einarbeiten. Vielleicht komme ich selbst dann auf eine Lösung.
    Trotzdem danke!
     
    hardyy, Mar 17, 2011
    #3
Thread Status:
Not open for further replies.

Share This Page