mediahub-fe/pages/docs/maps.mdx

26 lines
2.1 KiB
Plaintext
Raw Normal View History

2024-11-26 03:09:48 +00:00
# Maps
## React Leaflet
[React Leaflet](https://react-leaflet.js.org/) provides bindings between React and Leaflet. It does not replace Leaflet, but leverages it to abstract Leaflet layers as React components. As such, it can behave differently from how other React components work.
## Unovis Map Advance
[LeafletMap Advance](https://unovis.dev/gallery/view/?collection=Maps&title=Advanced%20Leaflet%20Map) is a mapping component capable of rendering detailed maps. It doesn't come with preloaded maps, so you'll need to provide a vector tile source first to make it work. You can use an existing cloud map tile server (like MapTiler Cloud, which has a free tier) or host your own tiles (we've successfully used OpenMapTiles in the past).
## Unovis Map Flow
[LeafletMap Flow](https://unovis.dev/gallery/view/?collection=Maps&title=Leaflet%20Flow%20Map) is a mapping component capable of rendering detailed maps. It doesn't come with preloaded maps, so you'll need to provide a vector tile source first to make it work. You can use an existing cloud map tile server (like MapTiler Cloud, which has a free tier) or host your own tiles (we've successfully used OpenMapTiles in the past).
## Unovis Map Leaflet
[LeafletMap](https://unovis.dev/gallery/view/?collection=Maps&title=Basic%20Leaflet%20Map) is a mapping component capable of rendering detailed maps. It doesn't come with preloaded maps, so you'll need to provide a vector tile source first to make it work. You can use an existing cloud map tile server (like MapTiler Cloud, which has a free tier) or host your own tiles (we've successfully used OpenMapTiles in the past).
## Google Map
[Google Maps](https://www.google.com/maps) is a web mapping platform and consumer application offered by Google. It offers satellite imagery, aerial photography, street maps, 360° interactive panoramic views of streets, real-time traffic conditions, and route planning for traveling by foot, car, bike, air and public transportation.
## Vector Map
A React component for creating simple maps with interactive elements, 100+ maps ready for use and an online SVG to JSON converter for creating new [maps](https://react-vector-maps.netlify.app/).