Plots2: capacidad de actualizar los datos mostrados en los mapas en línea cuando se desplaza / hace zoom

Creado en 8 ene. 2018  ·  20Comentarios  ·  Fuente: publiclab/plots2

Describe el problema (o la idea)

Puede incrustar mapas en línea usando este powertag en línea: https://publiclab.org/wiki/inline-maps

El código que impulsa esto está aquí:

https://github.com/jywarren/plots2/blob/184eced60d9d6842cad8df469bb1df2838528522/app/models/concerns/node_shared.rb#L102 -L124

Y la plantilla está aquí: https://github.com/jywarren/plots2/blob/master/app/views/map/_leaflet.html.erb

Sin embargo, cuando arrastra el mapa, los marcadores no se actualizan para la nueva área de visualización.

Dividamos esto en tres:

  1. [x] hagamos una llamada a la API para obtener datos cerca de un punto, similar a https://publiclab.org/api/srch/notes?srchString=foo pero quizás https://publiclab.org/api/srch/notes?geo = 41,0 , -91,3. Esto podría construirse desde https://github.com/publiclab/plots2/blob/master/app/api/srch/search.rb#L52 -L72, o podría crearse un nuevo método
  2. [x] volvamos a cablear https://github.com/jywarren/plots2/blob/184eced60d9d6842cad8df469bb1df2838528522/app/models/concerns/node_shared.rb#L102 -L124 para cargar un mapa en blanco que luego carga la llamada API para el punto central, y muestra notas como puntos sobre la respuesta de la API
  3. [x] vamos a configurar el mapa en línea para que recupere notas cerca de su punto central cada vez que el mapa se desplaza o se amplía

Este es un gran problema de varias partes que podemos resolver en tres o más pasos. ¿Alguien interesado en romper el primero?

JavaScript Ruby break-me-up enhancement help wanted

Comentario más útil

plugin impresionante - ¡sí, perfecto!

El viernes 30 de marzo de 2018 a las 4:07 p.m., Sagarpreet Chadha < [email protected]

escribió:

@jywarren https://github.com/jywarren , @Gauravano
https://github.com/Gauravano ! ¿Puedo resolver también este problema?
El código se puede usar más tarde si decidimos hacer una biblioteca.
Qué piensas ?

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/1934#issuecomment-377611018 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ9bk4gUyLKBbJxS-Qj76NBQY8i2bks5tjpCUgaJpZM4RXAwK
.

Todos 20 comentarios

@jywarren quiero probar este

hola, este es un gran proyecto, pero me complacerá ayudarlo a abordarlo pieza a pieza
trozo. ¡Gracias y abre un PR más temprano que tarde! ¡¡Gracias!!

El martes 9 de enero de 2018 a las 4:38 a.m., Gaurav Sachdeva [email protected]
escribió:

@jywarren https://github.com/jywarren Quiero probar este

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/1934#issuecomment-356231179 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJznVKoASY6PwMeUjiG4l7JCpM8vwks5tIzOmgaJpZM4RXAwK
.

Hola @jywarren , solo estaba considerando todos los pasos indicados por usted. Creo (no estoy seguro) que podemos cambiar el flujo como: en lugar de hacer una llamada a la API para puntos cercanos, ¿no podemos modificar https: // github. com / jywarren / plots2 / blob / 184eced60d9d6842cad8df469bb1df2838528522 / app / models / concern / node_shared.rb # L102 -L124 tal como recibirá un punto central de nosotros y nos proporcionará puntos cercanos y cada vez que se detecte una panorámica / zoom, llamaríamos a la función La etiqueta en línea se tratará haciendo una función adicional que debe usarse solo cuando tengamos que cargar la página y en otras ocasiones solo daremos coordenadas centrales para que funcione.

¿Qué piensas sobre esto?

Hmm, bueno, definitivamente resaltaste la sección de código que queremos. Creo que nosotros
podría hacer otra función para esto (tal vez esto es lo que estás diciendo)
como "Node.near ()" o algo, llámalo aquí, pero también proporciona una forma
el lado del cliente también puede llamarlo. Pero esta última forma de llamarlo externamente
parece que debería ser a través de la API, una interfaz más universal que podemos
ofrezca a otros para su uso. ¿Qué piensas?

El 10 de enero de 2018 a las 17:38, "Gaurav Sachdeva" [email protected] escribió:

Hola @jywarren https://github.com/jywarren , solo estaba considerando todo
los pasos indicados por usted. Creo (no estoy seguro) que podemos cambiar el flujo como:
en lugar de hacer una llamada a la API para los puntos cercanos, ¿no podemos modificar
https://github.com/jywarren/plots2/blob/184eced60d9d6842cad8df469bb1df
2838528522 / app / modelos / preocupaciones / node_shared.rb # L102-L124 tal como lo hará
recibir un punto central de nosotros y proporcionarnos puntos cercanos y cada vez
Si se detecta pan / zoom, llamaríamos a la función. La etiqueta en línea será
tratada haciendo una función adicional que tiene que ser utilizada sólo cuando
tenemos que cargar la pagina y en otras ocasiones solo le daremos centro
coordenadas para funcionar.

¿Qué piensas sobre esto?

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/1934#issuecomment-356761050 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ7Dnhw745kz9E6P67nx_q16MihNpks5tJTu0gaJpZM4RXAwK
.

Hmm ... hacer API definitivamente puede ser útil para futuras implicaciones de esta función, así que bien, me quedaré con el flujo mencionado anteriormente y abriré la extracción pronto para la primera parte. Además, por favor sugiera cambios en # 1935. Gracias.

Hola jeff, he usado https://github.com/publiclab/plots2/blob/01fac7cda6ab3df0ee9ba492f489edeef741ece9/app/models/concerns/node_shared.rb#L122 -L146 para buscar coordenadas, la función dada en el enlace de tu repositorio / es decir : /github.com/jywarren/plots2/blob/184eced60d9d6842cad8df469bb1df2838528522/app/models/concerns/node_shared.rb#L102 -L124 usa el modelo DrupalNodeCommunityTag que no se usa ahora

Ajá, es cierto, ¡gracias! Actualizamos eso desde entonces.

@jywarren y @Gauravano , me preguntaba si puedo hacer la segunda y tercera parte de este número. ¡¡Esto será emocionante !! 😄

Creo que podrías empezar a trabajar el día 2 mientras termina el primero,
con un PR; ¿tal vez @Gauravano quisiera tomar la parte final?

¡Gracias! También habrá una cuarta parte sobre un cuadro de búsqueda para buscar en el mapa.
ubicaciones adicionales para hacer zoom.

El 13 de enero de 2018 a las 15:18, "Sagarpreet Chadha" [email protected]
escribió:

@jywarren https://github.com/jywarren y @Gauravano
https://github.com/gauravano , me preguntaba si puedo hacer el segundo y
¿Tercera parte de este número? ¡¡Esto será emocionante !! 😄

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/1934#issuecomment-357464375 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ1UXCiij_f-iYkgYLuypqD_FHr19ks5tKQ9egaJpZM4RXAwK
.

Bien, trabajando en el segundo. Gracias 😄.

Hola @jywarren y @Gauravano , el formato JSON de la nueva API es:

screen shot 2018-01-16 at 6 46 45 pm

Para agregar marcadores a los mapas, también necesitaremos el valor de
@Gauravano ¿También puede agregar el valor de latitud y longitud de cada nodo también en la API? ¡Gracias 😄!

En realidad, @jywarren , acabo de señalar ahora que la API que construí está recuperando todos los nodos, pero ¿qué pasa si alguien en la página wiki usa una etiqueta en línea como [mapa: etiqueta: infragram : lat: lon ] entonces, no tenemos API para Entonces, necesitamos tener 2 URL diferentes, una para notas y otra para notas con etiqueta. ¿Qué piensas? ¿Estoy hablando bien?

Buena decisión: creo que tiene razón, pero podemos comenzar la implementación en el primer tipo de consulta más simple, ver cómo funciona y luego crear una tarea de seguimiento para las basadas en etiquetas.

(Si necesita dividir una nueva vista para el mapa actualizable, está bien; probablemente sea bueno tener una implementación más simple presente siempre que funcione de manera muy similar).

¡Modularidad! :-)

Ok, entonces @ sagarpreet-chadha según su requisito, estoy actualizando la API por ahora

¡Bien, el paso de la API está hecho y fusionado! Reapertura para las partes restantes :-)

Podemos usar este complemento: http://labs.easyblog.it/maps/leaflet-search/ para buscar ubicaciones en mapas (tengo una idea de su comentario aquí ). ¿Qué opinas @jywarren ?

@jywarren , @Gauravano ! ¿Puedo resolver también este problema?
El código se puede usar más tarde si decidimos hacer una biblioteca.
Qué piensas ?

plugin impresionante - ¡sí, perfecto!

El viernes 30 de marzo de 2018 a las 4:07 p.m., Sagarpreet Chadha < [email protected]

escribió:

@jywarren https://github.com/jywarren , @Gauravano
https://github.com/Gauravano ! ¿Puedo resolver también este problema?
El código se puede usar más tarde si decidimos hacer una biblioteca.
Qué piensas ?

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/1934#issuecomment-377611018 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ9bk4gUyLKBbJxS-Qj76NBQY8i2bks5tjpCUgaJpZM4RXAwK
.

¡Sería increíble retomar esto!

https://publiclab.org/wiki/inline-maps

Resuelto en # 4382

¿Fue útil esta página
0 / 5 - 0 calificaciones