Crear un mapa personalizado para su sitio web que muestra puntos de interés utilizando la función de superposición de mapas de Google en Google Maps API V3. Una superposición de Google Maps es un punto o conjunto de puntos que se colocan en la parte superior de un mapa de Google. Por ejemplo, un sitio web en Barcelona, España puede utilizar una plantilla para mostrar un marcador alfiler en la ubicación de las atracciones turísticas más populares de Barcelona. Se define la posición de una superposición utilizando la latitud y longitud de la ubicación del marcador. Dado que la superposición está ligada a una serie de coordenadas, Google muestra la superposición correctamente, incluso si el usuario se acerca o se aleja en el mapa.
Instrucciones
1 Localizar las secuencias de comandos en el archivo HTML en incluir su mapa de Google. Agregue el código de superposición en el mapa de la escritura.
2 Introduzca la latitud y longitud de la superposición usando el objeto ".LatLng". Por ejemplo, para colocar la Sagrada Familia de Barcelona en el mapa de la ciudad, escriba:
var MySFCLatLng = new.google.maps.LatLng (41.403226, 2.174821);
3 Cree el punto de la superposición mediante el uso de la función ".Marker". Continuando con el ejemplo, escriba:
var = SFCMarker new.google.maps.Marker ({
Posición: MySFCLatLng,
Título: "Sagrada Familia"
}):
4 Añadir la superposición marcador al mapa utilizando la función "setMap". En este ejemplo, escriba:
marker.setMap (mapa);
5 Guarde el archivo y cargar a su servidor Web para probar su plantilla de mapa. En este ejemplo, debería ver un push-pin de color rojo y la etiqueta "Sagrada Familia" de la ubicación de la catedral en un mapa de la ciudad de Barcelona.
Consejos y advertencias
- Para múltiples puntos de la superposición, entrar en lugares adicionales utilizando el objeto ".LatLng".