Effet (testé dans la nouvelle version de Firefox):
Code:
<! Doctype><html>
<adal>
<meta http-equiv = "contenu-type" contenu = "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">
fonction init ()
{
// Obtenez l'emplacement actuel
Navigator.Geolocation.getCurrentPosition (fonction (position)
{
var coords = position.coords;
// définir les paramètres de carte et définir la latitude et la longitude de l'emplacement actuel comme point central
var latlng = new Google.maps.latlng (coords.Latitude, coords.longitude);
var myoptions =
{
// grossissement
Zoom: 14,
// Marque les coordonnées
Centre: latlng,
// Type de carte
MapTypeid: google.maps.maptypeid.roadmap
};
var map1;
// Afficher la carte
map1 = new Google.maps.map (document.getElementById ('map'), myoptions);
// Créer des balises
var marqueur = new google.maps.marker (
{
Position: latlng,
Carte: Map1
});
// Définissez la fenêtre de marquage, joignez le texte de commentaire
var infowindow = new Google.maps.infowindow (
{
Contenu: "Emplacement actuel"
});
// Ouvrez la fenêtre d'étiquette
infowindow.open (Map1, marqueur);
});
}
</cript>
</ head>
<body onload = "init ()">
<div id = "map"> </ div>
</docy>
</html>
Google Maps Javascript API V3 (documentation de référence): https://developers.google.com/maps/documentation/javascript/basics
Document de référence pour Baidu Map API: http://developer.baidu.com/map/jsmobile.htm