Efecto (probado en la nueva versión de Firefox):
Código:
<! Doctype><html>
<Evista>
<meta http-equiv = "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">
función init ()
{
// Obtener la ubicación actual
navigator.geolocation.getCurrentPosition (función (posición)
{
var coords = posicion.coords;
// Establecer parámetros del mapa y establecer la latitud y longitud de la ubicación actual como punto central
var latlng = nuevo Google.maps.latlng (coords.latitude, coords.nongitude);
var myOptions =
{
// aumento
Zoom: 14,
// Mark coordenadas
Centro: latlng,
// Tipo de mapa
MapTypeid: Google.Maps.MapTypeid.Roadmap
};
var map1;
// Show Map
map1 = nuevo Google.maps.map (document.getElementById ('map'), myOptions);
// Crear etiquetas
VAR Marker = nuevo Google.Maps.Marker (
{
Posición: latlng,
Mapa: mapa1
});
// Establecer la ventana de marcado, adjuntar el texto del comentario
var infowindow = new Google.maps.infowindow (
{
Contenido: "Ubicación actual"
});
// Abra la ventana de la etiqueta
infowindow.open (map1, marcador);
});
}
</script>
</ablo>
<Body Onload = "init ()">
<div id = "map"> </div>
</body>
</html>
Google Maps JavaScript API V3 (documentación de referencia): https://developers.google.com/maps/documentation/javascript/basics
Documento de referencia para la API del mapa de Baidu: http://developer.baidu.com/map/jsmobile.htm