{"repo":"mapcomponents/react-map-components-maplibre","free":true,"listed":false,"github":"https://github.com/mapcomponents/react-map-components-maplibre","clone":"git clone https://github.com/mapcomponents/react-map-components-maplibre.git","description":"A react component framework for declarative GIS application development.","language":"TypeScript","stars":192,"topics":["maplibre","maplibre-gl-js","maplibregl","mapbox-gl-js","geojson","wkt-crs","openlayers","leaflet","maps","react"],"license":null,"category":"ui-components","readme_excerpt":"MapComponents @mapcomponents is a monorepo containing react component libraries for declarative GIS application development. Links - Documentation: https://mapcomponents.github.io/react-map-components-maplibre/storybook-composition/ - Catalogue: https://www.mapcomponents.org/ Getting started Use our Codesandbox template to quickly try out this library without any setup required. https://codesandbox.io/s/base-template-n0vp9 How to use @mapcomponents/react-maplibre in a new project The easiest way to start a new project using this framework is to bootstrap a react application using our vite-template. Requirements: 1. node.js =20 Run the following commands in the terminal: This will start a development server that serves the mapcomponents app on port 5174 of your local machine as well as a browser tab with live reload enabled. This reloads the affected parts of the application if changes are detected to the corresponding files in the filesystem. Open the project folder in the IDE of your choice and start building your map client. Adding data to the map The easiest way to add data to the map is using GeoJSON data and the MlGeoJsonLayer component. The MlGeoJsonLayer component is designed to require only the geojson property to be set, while it provides properties to fully customize it to your needs. Insert the following code in your app below index.tsx to add a GeoJSON layer to your map. And add the following within the JSX. Add any of our packages to your project In this case, na","default_branch":null,"files":null,"tree":[],"storefront":"/r/mapcomponents","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mapcomponents/react-map-components-maplibre/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}