MapmyIndia react

React component to implement MapmyIndia Interactive Map API

Getting Started

demo: https://mapmyindia-react-example.herokuapp.com/

$3

Integrate interactive maps from MapmyIndia into your browser application by simply including MapmyIndia's interactive map API in your script source in the head section.

``

`

$3

`
npm install mapmyindia-react --save
`

$3

`
import Map from "mapmyindia-react";

class App extends React.Component {
render () {
return (
`

$3

| prop | type | default value |
| ----------- | ------ | :----------------: |
| center | array | [18.5314, 73.8446] |
| zoomControl | bool | true |
| location | bool | true |
| height | string | 500px |
| width | string | |
| zoom | number | 15 |
| hybrid | bool | true |
| search | bool | true |
| markers | array | [] |

Example for marker array

`
[
{
position: [], // [lat, lng]
draggable: false, // true / false
title: '', // string
onClick: () => {}, // Marker click event listener
onDragend: ()=> {} // Marker dragend event listener (if draggable is set)
}
]

``

Map events

| Event | default value |
| ------------- | :-----------: |
| onResize| () => {} |
| onZoom| () => {} |
| onMove| () => {} |
| onClick| () => {} |
| onDblclick| () => {} |
| onMouseup| () => {} |
| onMousedown| () => {} |
| onMouseover| () => {} |
| onMouseout| () => {} |
| onKeypress| () => {} |
| onMapLoad| (mapObject) => {} |

Author

- Harish S Khot

Acknowledgments

- MapmyIndia Interactive Map API