Cómo hacer múltiples marcadores con Google Maps

Escrito por veronica summers | Traducido por patricio peters
  • Comparte
  • Twittea
  • Comparte
  • E-mail

Usando Google Maps API versión tres, Google muestra las ubicaciones en un mapa mediante iconos de alfileres llamados marcadores. Por ejemplo, es posible que desees crear un mapa personalizado de París, Francia, con marcadores de monumentos, museos y restaurantes famosos. Los marcadores se crean utilizando el objeto integrado de "Marcadores" y se define cuándo Google muestra múltiples marcadores utilizando la función "Drop".

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el archivo HTML y desplázate hacia abajo en el código donde inicializas tu mapa de Google.

  2. 2

    Crea el marcador inicializando una variable de marcador y ajustando los parámetros del marcador. Por ejemplo, escribe:

    var eiffelMarker = paris google.maps.Marker({ position:(-48.5132, 002.1745) map: map, title:"Torre Eiffel" });

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

  3. 3

    Repite el Paso 2 para cada ubicación de marcador en el mapa. Utiliza nombres de variables descriptivas e ingresa las geo-coordenadas de posición del marcador. Titula el marcador con el nombre de la ubicación.

  4. 4

    Escalona la cantidad de tiempo que Google deja los marcadores en el mapa. Si tienes numerosos marcadores en un mapa, por efectos de utilidad, es posible que prefieras dejarlos caer de uno en uno en lugar de tirarlos en el mapa todos al mismo tiempo. Por ejemplo, para escalonar marcadores, escribe lo siguiente:

    function drop() { for (parisMarker i =0; i < markerArray.length; i++) { setTimeout(function() { addMarkerMethod(); }, i * 200); } }

    En este ejemplo, Google Maps rota a través de la variedad de marcadores y deja caer cada marcador dentro de un cuarto de segundo el uno del otro.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles