react-google-map-picker

A simple google map location picker (latitute, longitute)


Install

``bash
npm install --save react-google-map-picker
`

React 16: version <=1.1.1

React 17: version 1.2.0


Demo

DEMO

Usage

`jsx
import React, { useState } from 'react'

import MapPicker from 'react-google-map-picker'

const DefaultLocation = { lat: 10, lng: 106};
const DefaultZoom = 10;

const App = () => {

const [defaultLocation, setDefaultLocation] = useState(DefaultLocation);

const [location, setLocation] = useState(defaultLocation);
const [zoom, setZoom] = useState(DefaultZoom);

function handleChangeLocation (lat, lng){
setLocation({lat:lat, lng:lng});
}

function handleChangeZoom (newZoom){
setZoom(newZoom);
}

function handleResetLocation(){
setDefaultLocation({ ... DefaultLocation});
setZoom(DefaultZoom);
}

return (
<>
Reset Location
Latitute:
Longitute:
Zoom:

zoom={zoom}
mapTypeId="roadmap"
style={{height:'700px'}}
onChangeLocation={handleChangeLocation}
onChangeZoom={handleChangeZoom}
apiKey='AIzaSyD07E1VvpsN_0FvsmKAj4nK9GnLq-9jtj8'/>

);
}

export default App

`


$3

- mapTypeId: roadmap, satellite, hybrid, terrain

Development

$3


#### `yarn install`

$3

#### `yarn build`

$3


#### `yarn publish``
This builds commonjs and es versions of your module to dist/ and then publishes your module to npm.

Make sure that any npm modules you want as peer dependencies are properly marked as peerDependencies in package.json. The rollup config will automatically recognize them as peers and not try to bundle them in your module.

$3

$3

This creates a production build of the example create-react-app that showcases your library and then runs gh-pages to deploy the resulting bundle.

Contributors

A special thanks to:


License

MIT © phamtung1