Efek (diuji dalam versi baru Firefox):
Kode:
<! Doctype><Html>
<head>
<meta http-equiv = "tipe konten" content = "text/html; charset = utf-8">
<title> Google Map </iteme>
<type skrip = "Text/JavaScript" src = "http://maps.google.com/maps/api/js?sensor=false"> </script>
<type skrip = "Teks/JavaScript">
fungsi init ()
{
// Dapatkan lokasi saat ini
navigator.geolocation.getCurrentPosition (fungsi (posisi)
{
var coords = position.coords;
// Atur parameter peta dan atur garis lintang dan bujur dari lokasi saat ini sebagai titik tengah
var latlng = google.maps.latlng baru (coords.latitude, coords.longitude);
var myoptions =
{
// Pembesaran
Zoom: 14,
// Tandai koordinat
tengah: latlng,
// jenis peta
maptypeId: google.maps.maptypeid.roadmap
};
var MAP1;
// tunjukkan peta
MAP1 = google.maps.map baru (document.getElementById ('peta'), myoptions);
// Buat tag
var marker = google.maps.marker baru (
{
Posisi: Latlng,
Peta: MAP1
});
// Atur jendela penandaan, lampirkan teks komentar
var infowindow = google.maps.infowindow baru (
{
Konten: "Lokasi Saat Ini"
});
// buka jendela label
InfoWindow.open (MAP1, Marker);
});
}
</script>
</head>
<body onload = "init ()">
<Div id = "peta"> </div>
</body>
</html>
Google Maps JavaScript API V3 (Dokumentasi Referensi): https://developers.google.com/maps/documentation/javascript/basics
Dokumen Referensi untuk Baidu Map API: http://developer.baidu.com/map/jsmobile.htm