Effekt (getestet in der neuen Version von Firefox):
Code:
<! DocType><html>
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
<title> Google Map </title>
<script type = "text/javaScript" src = "http://maps.google.com/maps/api/js?sensor=false"> </script>
<script type = "text/javaScript">
Funktion init ()
{
// Erhalten Sie den aktuellen Standort
navigator.geolocation.getCurrentPosition (Funktion (Position)
{
var coords = Position.coords;
// MAP -Parameter einstellen und den Breitengrad und Längengrad des aktuellen Standorts als Mittelpunkt festlegen
var latlng = new Google.maps.latlng (Coords.Latitude, Coords.longitude);
var myoptions =
{
// Vergrößerung
Zoom: 14,
// Koordinaten markieren
Mitte: latlng,
// Kartentyp
MAPTYPEID: google.maps.maptypeid.roadmap
};
var map1;
// Karte anzeigen
map1 = new Google.maps.map (document.getElementById ('map'), myoptions);
// Tags erstellen
var marker = new Google.maps.marker (
{
Position: latlng,
Karte: MAP1
});
// Setzen Sie das Markierungsfenster, fügen Sie den Kommentartext bei
var infowindow = new Google.maps.infowindow (
{
Inhalt: "Aktueller Standort"
});
// Öffnen Sie das Etikettfenster
Infowindow.open (MAP1, Marker);
});
}
</script>
</head>
<Body Onload = "init ()">
<div id = "map"> </div>
</body>
</html>
Google Maps JavaScript API V3 (Referenzdokumentation): https://developers.google.com/maps/documentation/javascript/basics
Referenzdokument für Baidu Map API: http://developer.baidu.com/map/jsmobile.htm