Show HN: A map component for shadcn/ui (opens in new tab)

(shadcn-map.vercel.app)

4 pointstonghohin4mo ago3 comments

I don’t see any good map components for shadcn/ui yet, so I built one with Leaflet and React Leaflet. It matches the shadcn/ui style, and since it’s Leaflet, it’s fully open source and doesn’t require any API keys. You can just bring maps to your project with a simple install command.

Github: https://github.com/tonghohin/shadcn-map

3 comments

plutonium33454mo ago

This is super nice. It works smoothly on mobile as well. Are there any tools you recommend for finding the coordinates by street address or business name?

tonghohinOP4mo ago

Thanks! I usually use the OSM API for that: https://nominatim.org/release-docs/develop/api/Search/. But if you need more accurate data, you may wanna use the Google Maps API.

plutonium33454mo ago

Thank you! I will give it a try with Nominatim and see what I can cook with it.

j / k navigate · click thread line to collapse

Show HN: A map component for shadcn/ui (opens in new tab)

(shadcn-map.vercel.app)

4 pointstonghohin4mo ago3 comments

Github: https://github.com/tonghohin/shadcn-map

3 comments

plutonium33454mo ago

This is super nice. It works smoothly on mobile as well. Are there any tools you recommend for finding the coordinates by street address or business name?

tonghohinOP4mo ago

Thanks! I usually use the OSM API for that: https://nominatim.org/release-docs/develop/api/Search/. But if you need more accurate data, you may wanna use the Google Maps API.

plutonium33454mo ago

Thank you! I will give it a try with Nominatim and see what I can cook with it.

j / k navigate · click thread line to collapse