React Neshan Map Openlayers

⚙️ Before Install

You need a map key to use our map on your react web application.
You can signup and get a key from Our Platfrom.


For more information, visit our doc page.

📦 Install

``bash
npm install @neshan-maps-platform/react-openlayers
npm install @neshan-maps-platform/ol
`

`bash
yarn add @neshan-maps-platform/react-openlayers
yarn add @neshan-maps-platform/ol
`




🔨 Usage

`jsx
import {useEffect, useRef} from "react"
import {Map} from "@neshan-maps-platform/ol"
import NeshanMap, {NeshanMapRef} from "@neshan-maps-platform/react-openlayers"

function App() {
const mapRef = useRef(null)

const onInit = (map: Map) => {
map.setMapType("osm-bright")
map.switchTrafficLayer(true)
}

useEffect(() => {
if (mapRef.current?.map) {
mapRef.current?.map.switchTrafficLayer(true)
mapRef.current?.map.setMapType("standard-night")
}
}, [])


return (


)
}

export default App
`

$3

@neshan-maps-platform/react-openlayers` is written in TypeScript with complete definitions.