New Update on our map and peakd map implementations [Eng][Esp]

in #update2 days ago (edited)

Bildschirmfoto 2024-10-01 um 21.57.38.png

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

image.png

After

image.png


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

image.png

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.

Style Changes (1).png

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.

image.png

image.png


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.

image.png

image.png


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!

EpvhvauCbD7dmvwohTwBtb71LZJRhU6gBNBYxGzqGsGTXQkg8u81LNjyw9AYbUXhieD.jpg

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.



Español

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

image.png

Después

image.png


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

image.png

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.

Cambio de estilo

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.

image.png

image.png


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.

image.png

image.png


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.!!!!

EpvhvauCbD7dmvwohTwBtb71LZJRhU6gBNBYxGzqGsGTXQkg8u81LNjyw9AYbUXhieD.jpg



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.



Sort:  

Am loving the peakd integration, it makes finding my old posts and getting the pin so much easier. And the faster map is so smooth. Great work from both the Worldmappin and Peakd team.

Thanks @livinguktaiwan for the compliment, especially coming from you 🐝🐝 😱😎
We do love it too!! Also, it is great to see the location of all of our posts at the bottom of it!

That's great progress. The peakd integration will make it easier to pin posts, so I shall be doing more of that. Always something interesting happening on Hive.

!BEER

Thanks for your support @steevc! We give our best to move forward every day 👍🐝

This announcement like a fresh air :D Good luck for all crew of @worldmappin All you guys did well!

I'm so excited when I see my profile on the new face

image.png

Yeihh @viviehardika! Your map looks awesome, you have a great collection already. We are also very excited about these changes and happy that finally, we can share this with you 🐝🐝 Thanks for your support! It is highly appreciated

This is due to your crew's hard working. Keep it up!

It is incredible the great work you have achieved in such a short time, you are an awesome team!! Thank you for everything you do for the Hive travelling community. ❤️

¡Y gracias a ti por el apoyo, la confianza y las palabras bonitas! Seguimos trabajando para mejorar cada detallito pendiente ¡Vamos con todo! 💪

He estado preparando el post que publicaré mañana y he notado la rapidez y facilidad de manejo de la web respecto a la versión anterior. 😃

So proud about the “gang” we moved together to build and grow this worldmappin project.

Thanks for all your work, your passion and all of your time invested into this project.

Muy orgulloso del "gang", nos unimos para construir y hacer crecer este proyecto de worldmappin.

Gracias por todo su trabajo, su pasión y todo el tiempo invertido en este proyecto.

Thanks for bringing us together and motivating us to bring this to the next level @detlev🐝🐝🐝🍺🍺

Really well done guys! Proud to see the team and project moving forward! <3

Thanks for keeping us motivated and moving @lizanomadsoul😘

Wowww I'm super happy to see this great progress and the day by day advancement of the community due to this great, super great team. Thank you all so much!😃

Thanks for your kind and motivating words @avdesing 🥰🥰🥰 Without you guys (the community) it wouldn´t be worth it. 😘😘🐝🐝

I admire the enormous amount of work you are doing! Keep up the good work! 🤗🤗🤗

Thanks @avdesing! Team is key 🐝👍

💗🤗

Great work, when I saw the changes on my profile it was hello? someone has been busy, now I know

Hehe well - SURPRISE 🐝🐝☀️☀️😜😜 - Glad you like it @grindle.

🤣👍👍


Hey @worldmappin, here is a little bit of BEER from @steevc for you. Enjoy it!

We love your support by voting @detlev.witness on HIVE .

Yes I just noticed the change. Congratulations on the work you do.😘

I just checked PeakD, and it nicely displays pins. Thanks to the hardworking team. Coming soon with lots of posts. regards :)