Foros del Web » Programando para Internet » Javascript »

Optimizar código de google maps API v3 para 300 marcadores

Estas en el tema de Optimizar código de google maps API v3 para 300 marcadores en el foro de Javascript en Foros del Web. Buenas a todos. Hoy vengo con dudas de javascript, os explico. Voy a situar alrededor de unos 300 marcadores en un google maps. Y esto ...
  #1 (permalink)  
Antiguo 07/01/2015, 05:26
Avatar de SirZoX  
Fecha de Ingreso: mayo-2006
Ubicación: Valencia
Mensajes: 124
Antigüedad: 18 años
Puntos: 2
Optimizar código de google maps API v3 para 300 marcadores

Buenas a todos.

Hoy vengo con dudas de javascript, os explico.
Voy a situar alrededor de unos 300 marcadores en un google maps. Y esto hasta ahora (que sólo tenía que mostrar unos 20 registros) pues lo hacía con un bucle en php que traía los datos desde la bd en mysql. Pero claro, ahora con 300 marcadores, me parece una salvajada hacer que se escriban casi 500 líneas de código html para que el mapa saque todos los puntos.

He visto que google maps puede mostrar sólo ciertos cuadrantes con alguna de sus funciones, pero no es lo que busco, puesto que el mapa, inicialmente, va a mostrar toda la península, y deben salir las 300 marcas de posición, y además cada una de ellas debe mostrar un InfoWindow con la información básica de teléfono, dirección y demás, que sigue viniendo de la bd claro.

Así que agradecería alguna idea de como plantearlo al menos, para no tener que escribir un bucle php que luego retorne casi 500 líneas de html para meterlo entre <script> y </script>.
  #2 (permalink)  
Antiguo 07/01/2015, 07:03
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Optimizar código de google maps API v3 para 300 marcadores

300 no son muchos. Lo importante es usar el evento idle para mostrar una precarga y quitarla cuando se produce ese evento. También podrías usar clustering para optimizar: https://developers.google.com/maps/a...toomanymarkers
Ahí te recomiendan una librería muy interesante:
https://github.com/googlemaps/js-marker-clusterer

Última edición por Panino5001; 07/01/2015 a las 07:36
  #3 (permalink)  
Antiguo 10/01/2015, 11:26
Avatar de SirZoX  
Fecha de Ingreso: mayo-2006
Ubicación: Valencia
Mensajes: 124
Antigüedad: 18 años
Puntos: 2
Respuesta: Optimizar código de google maps API v3 para 300 marcadores

Mmhh...

Gracias Panino5001 por la respuesta, he estado unos días trasteandolo pero no es a esto a lo que me refería.

Voy más bien encaminado a algo más simple. Tengo los 300 registros, y la idea sería simplemente recuperar del campo de la bd lo necesario (nombre, mail, población, coordenadas y algún otro campo más) y todo esto poder meterlo en un array y después por cada "linea" del array, poder sacar cada uno de los valores que venían de cada campo.
  #4 (permalink)  
Antiguo 10/01/2015, 17:37
txemaarbulo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Optimizar código de google maps API v3 para 300 marcadores

Cita:
Iniciado por SirZoX Ver Mensaje
Mmhh...
... la idea sería simplemente recuperar del campo de la bd lo necesario (nombre, mail, población, coordenadas y algún otro campo más) y todo esto poder meterlo en un array y después por cada "linea" del array, poder sacar cada uno de los valores que venían de cada campo.
Creo que debes dividir el trabajo en dos partes:

1.- Crear un archivo JSON desde PHP y MySQL
Si buscas en Google con estos términos, verás muchos códigos de ejemplo que puedes adaptarlos fácilmente a tu base de datos y tus propósitos.

2.- Mostrar marcadores en Google Maps desde json

(Puede hacerse también con XML pero no te lo recomiendo: es más lento y puede resultarte un poco más complejo)

Y tomando tu preocupación inicial, si mostramos los marcadores a partir de la latitud y longitud guardados, son muy poca cantidad. 10.000 marcadores en json pueden tardar en desplegarse ... entre uno y dos segundos con buena conexión.

Cualquier problema que tengas para implementarlo, nos muestras lo que hayas desarrollado de código y trataremos de echarte una mano.
  #5 (permalink)  
Antiguo 06/04/2016, 16:33
Avatar de Sandala  
Fecha de Ingreso: marzo-2016
Ubicación: México
Mensajes: 5
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Optimizar código de google maps API v3 para 300 marcadores

Cita:
Iniciado por txemaarbulo Ver Mensaje
Creo que debes dividir el trabajo en dos partes:

1.- Crear un archivo JSON desde PHP y MySQL
Si buscas en Google con estos términos, verás muchos códigos de ejemplo que puedes adaptarlos fácilmente a tu base de datos y tus propósitos.

2.- Mostrar marcadores en Google Maps desde json

(Puede hacerse también con XML pero no te lo recomiendo: es más lento y puede resultarte un poco más complejo)

Y tomando tu preocupación inicial, si mostramos los marcadores a partir de la latitud y longitud guardados, son muy poca cantidad. 10.000 marcadores en json pueden tardar en desplegarse ... entre uno y dos segundos con buena conexión.

Cualquier problema que tengas para implementarlo, nos muestras lo que hayas desarrollado de código y trataremos de echarte una mano.


Me podrías decir como poder hacer eso por favor? No encuentro la manera de hacer que en mi mapa se vayan pintando los marcadores a partir de mis datos almacenados en una base de datos. Los ejemplos que he encontrado no hacen lo que yo quiero y lo que tu comentas me parece que es exactamente lo que yo necesito hacer..

Etiquetas: googlemaps, marcadores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:36.