topic Displaying maps to show location of users in Developer Q&A Forum

Displaying maps to show location of users

Asmae — Wed, 11 Sep 2024 07:22:34 GMT

Hello, I am currently creating an app that enables, through logs, to fetch the number of users per country. The client also asked to display these countries on a map (which is possible as we have the country name, the longitude & latitude).

I tried using react-leaflet but i got many errors within the modules. What library might be more suitable so i can do so?

Thanks in advance!

Example of the error : Error: No loader is configured for ".png" files: node_modules/leaflet/dist/images/marker-icon.png
405 | /* Default icon URLs */
406 | .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
> 407 | background-image: url(images/marker-icon.png);
| ^
408 | }
409 |

Re: Displaying maps to show location of users

imsingh — Wed, 21 Aug 2024 08:46:59 GMT

Hi there

If you don't explicitly need leaflet, I'll suggest you take a look at Strato Geo package. In particular DotLayer component here https://developer.dynatrace.com/design/geo/DotLayer/ that you can use to show data points on a map.

Let me know if this helps 🙂

Re: Displaying maps to show location of users

Asmae — Wed, 21 Aug 2024 14:29:03 GMT

Hello 🙂

I replaced leaflet by the Strato Geo package and it works really well 😄 Thanks a lot !