Cómo hacer múltiples marcadores con la API de Maps

El uso de la API de Google Maps versión de tres, Google muestra las ubicaciones en un mapa utilizando iconos push-pin llamadas marcadores. Por ejemplo, es posible que desee crear un mapa personalizado para París, Francia, con marcadores de monumentos, museos y restaurantes famosos. Se crea marcadores utilizando el objeto "marcadores" incorporado y definir cuando Google muestra múltiples marcadores utilizando la función "Drop".

Instrucciones

1 Abra el archivo HTML y desplazarse hacia abajo en el código de donde usted hace funcionar su mapa de Google.

2 Crear el marcador inicializando una variable marcador y establecer los parámetros de marcador. Por ejemplo, escriba:

var = eiffelMarker parís google.maps.Marker ({
posición: (- 48.5132, 002,1745)
Mapa: mapa,
Título: "Torre Eiffel"
});

En este ejemplo, Google Maps crea un marcador de la Torre Eiffel en el mapa de París. El atributo "posición" es coordenadas de latitud y longitud de la Torre Eiffel. Torre Eiffel es el nombre o título de un usuario lee al pasar el ratón sobre el marcador.

3 Repita el paso 2 para cada ubicación del marcador en el mapa. Utilice nombres de variables descriptivas e introducir las coordenadas geográficas de la posición del marcador. Título del marcador con el nombre de la ubicación.

4 Escalonar la cantidad de tiempo que Google gotas de los marcadores en el mapa. Si dispone de varios marcadores en un mapa, para los propósitos de usabilidad, es posible que prefiera dejar caer los marcadores de uno en uno en lugar de tirarlos en el mapa todos a la vez. Por ejemplo, para escalonar las gotas de marcador, escriba lo siguiente:

caída de la función () {
for (i = 0 parisMarker; i <markerArray.length; i ++) {
setTimeout (function () {
addMarkerMethod ();
}, I * 200);
}
}

En este ejemplo, Google Maps rota a través de su gama de marcadores y gotas de cada marcador dentro de un cuarto de segundo el uno del otro.