MapirReactComponent

React wrapper for mapbox-gl-js. Expose a bunch of component meant to be simple to use for React.

Get API Key

🔑 You should first get api key from Map.ir

Installation

npm i mapir-react-component

Quick start

Import module

import Mapir from 'mapir-react-component';
import 'mapir-react-component/dist/index.css';

Set API Key

const Map = Mapir.setToken({
  transformRequest: (url) => {
    return {
      url: url,
      headers: {
        'x-api-key': 'Your_API_KEY', //Mapir api key
        'Mapir-SDK': 'reactjs',
      },
    };
  },
});

Generate Component

render () {
	return (
		<Mapir
		Map={Map}
		apiKey={'Your_API_KEY'}
		/>
	)
}

📖 English Documentation

📖 Persian Documentation