New Update on our map and peakd map implementations [Eng][Esp]
As some of you probably already saw, we finally made it!!! Yesterday we pushed out our new map &
@peakd included some map functions into their front end馃馃馃
With the current changes to the front-end, the main focus was
- rebuilding it renovating the code
- making the app as simple to use as possible, especially on mobile version
- implementing the changed clustering algorithm
- make it way faster (3x faster with 4x the number of pins being displayed)
- Implement it in peakd to make it easier to pin your post directly at post creation
Before
After
The map from before and its code was 7 years old, so we decided to redo it from scratch fixing a lot of things at once. As you can see, not only the code was redone, but also the look and feel are different and we have built a few new features for you.
What we changed on the Worldmappin map
- overview of the stats
- better speed
- new look and feel & mobile enhancements
- the personal map
- Peakd integration
WorldMappin Stats
Clicking on the logo at the bottom center of worldmappin.com and you will get the popup window with the current worldmappin stats such as the current total number of pins we have on the world map, broken down by continent and the statistics on how many new posts have been pinned to the world map in the past 7 days. On the right side, you can see the current team of @worldmappin.
Better Speed
We are 3-5x faster now while displaying 4x the number of pins. By changing the clustering algorithm, we went from being able to display 30k pins on the map to much more than we currently have, which is 120k pins. Also when you zoom in now it will actualize faster and not kick you out anymore.
New look and feel & Mobile Enhancements
The map is now modern, fast, and easy to use and the pins better to see. When clicking on them, you will see the post overview. They are ordered by date.
For us, it was also very important to have it mobile-friendly as many of us use it mostly with cell phones traveling. So we managed to make it work fast and easily on the mobile version and we focused on the usability there.
The personal Map
You can now access your improved personal map at https://worldmappin.com/@YOURUSERNAME, with your smartphone or PC / laptop. We have improved the views here to show more and better details about your map. Of course, you can also filter any other blogger that you like and view their stats and pinned posts very easily.
On the top left side, you can see the user's picture and the number of pins already put on the map. When you click on it, you see all the pinned posts ordered by date.
@peakd Integration
From the recent changes in PeakD, you will also find WorldMapPin integrated in a couple of spots. You will find the full integration of worldmappin at https://peakd.com/maps
Another place where you can see the map integration in PeakD is directly in your post. If you have made a pin on the map, you can now scroll down to see the location of the post:
Also, you are now able to use WorldMapPin directly in PeakD. For that, you will need to go to your settings and enable the Map view, after which you will be able to see your personal map in your profile. (Note: it is still using the outdated code, so if you don't see your pin, go to WorldMapPin and double-check. - New code will be linked soon)
If you haven't noticed already, you are now also able to create a pin directly from PeakD.
We are very happy that we reached that milestone already after only 4 months of work with this awesome team. 馃 馃 馃
Special thanks to our team members @masterswatch,
@arcange,
@louis88,
@rivalzzz,
@uniforced and the rest of the team for coding it, testing it, and working on it for many extra hours!!!
And of course a big thanks to the @peakd team especially
@jarvie and
@asgarth for collaborating with us in implementing the map into their front end!
We hope you like it and are happy to get feedback. Please also help us develop it further by sending us your ideas for improvement and letting us know if something doesn麓t work well.
Como algunos de ustedes probablemente ya han visto, 隆隆隆Finalmente lo logramos!!! Ayer publicamos nuestro nuevo mapa y Peakd incluy贸 algunas funciones de mapa en su front-end 馃馃馃馃.
Con los cambios actuales en el front-end, el enfoque principal fue
- reconstruirlo renovando el c贸digo
- simplificar al m谩ximo el uso de la app, especialmente en la versi贸n m贸vil
- implementar el algoritmo de clustering modificado
- hacerlo mucho m谩s r谩pido (3x m谩s r谩pido con 4x el n煤mero de pines que se muestran)
- Implementarlo en peakd para que sea m谩s f谩cil fijar tu post directamente durante la creaci贸n del mismo.
Antes
Despu茅s
El mapa de antes y el c贸digo ya ten铆an 7 a帽os, as铆 que decidimos rehacerlo desde cero arreglando muchas cosas a la vez. Como puedes ver, no s贸lo el c贸digo fue renovado, sino que tambi茅n la apariencia es distinta y hemos creado algunas caracter铆sticas nuevas para ti.
Lo que hemos cambiado en el mapa de Worldmappin
- visi贸n general de las estad铆sticas
- mayor velocidad
- nuevo aspecto y mejoras para m贸viles
- el mapa personal
- integraci贸n con Peakd
Estad铆sticas de WorldMappin
Al hacer clic en el logotipo en la parte inferior central de worldmappin.com obtendr谩s una ventana emergente con las estad铆sticas actuales de worldmappin, como el n煤mero total de pines actuales que tenemos en el mapamundi, desglosado por continente y las estad铆sticas sobre cu谩ntos nuevos mensajes se han fijado en el mapamundi en los 煤ltimos 7 d铆as. A la derecha, puedes ver el equipo actual de @worldmappin.
Mejor velocidad
Ahora somos 3-5 veces m谩s r谩pidos mientras mostramos 4 veces el n煤mero de pines. Al cambiar el algoritmo de agrupamiento, pasamos de poder mostrar 30k pines en el mapa a mucho m谩s de lo que tenemos actualmente, que son 120k pines. Adem谩s, al hacer zoom ahora se actualizar谩 m谩s r谩pido y ya no te expulsar谩.
Nuevo aspecto y mejoras para m贸viles
El mapa es ahora moderno, r谩pido y f谩cil de usar y los pines son m谩s visibles. Al hacer clic en ellos, ver谩s el resumen de los posts. Est谩n ordenados por fecha.
Para nosotros, tambi茅n era muy importante que fuera f谩cil de usar para m贸viles, ya que muchos de nosotros la utilizamos sobre todo con tel茅fonos m贸viles cuando viajamos. As铆 que nos las arreglamos para que funcionara r谩pida y f谩cilmente en la versi贸n m贸vil y nos centramos en su usabilidad.
Tu mapa personal
Ahora puede acceder a tu mapa personal mejorado en https://worldmappin.com/@YOURUSERNAME, con smartphone o PC / port谩til. Hemos mejorado las vistas aqu铆 para mostrar m谩s y mejores detalles sobre tu mapa. Por supuesto, tambi茅n puedes filtrar a cualquier otro blogger que te guste y ver sus estad铆sticas y publicaciones ancladas muy f谩cilmente.
En la parte superior izquierda, puedes ver la foto del usuario y el n煤mero de pines que ya ha puesto en el mapa. Al pulsar sobre 茅l, se ven todos los posts pineados ordenados por fecha.
Integraci贸n con PeakD
A partir de los recientes cambios en PeakD, tambi茅n encontrar谩s WorldMapPin integrado en un par de lugares. Encontrar谩s toda la integraci贸n de worldmappin en https://peakd.com/maps
Otro sitio donde puedes ver la integraci贸n del mapa en PeakD es directamente en tu post. Si has puesto un pin en el mapa, ahora puedes desplazarte hacia abajo para ver la ubicaci贸n del post:
Adem谩s, ahora puedes utilizar WorldMapPin directamente en PeakD. Para ello, tendr谩 que ir a su configuraci贸n y activar la vista de mapa, despu茅s de lo cual podr谩s ver tu mapa personal en tu perfil. (Nota: todav铆a se utiliza el c贸digo obsoleto, por lo que si no ves tu pin, ve a WorldMapPin y vuelve a comprobarlo. - El nuevo c贸digo se incluir谩 en breve)
Por si a煤n no te has dado cuenta, ahora tambi茅n puedes crear un pin directamente desde PeakD.
Estamos muy contentos de haber alcanzado ya ese hito tras solo 4 meses de trabajo con este impresionante equipo. 馃 馃 馃
隆隆隆隆Un agradecimiento especial a los miembros de nuestro equipo @masterswatch,
@arcange,
@louis88,
@rivalzzz,
@uniforced y al resto del equipo por codificarlo, probarlo y trabajar en 茅l durante muchas horas extra!!!!
隆隆隆隆Y, por supuesto, muchas gracias al equipo de @peakd, especialmente a
@jarvie y
@asgarth, por colaborar con nosotros en la implementaci贸n del mapa en su interfaz.!!!!
Esperamos que te guste y estamos encantados de recibir tus impresiones. Por favor, ay煤danos tambi茅n a seguir desarroll谩ndolo envi谩ndonos tus ideas para seguir mejor谩ndolo y haci茅ndonos saber si algo no funciona bien.