A simple google map location picker (latitute, longitute)
npm install react-google-map-pickerA simple google map location picker (latitute, longitute)



``bash`
npm install --save react-google-map-picker
React 16: version <=1.1.1
React 17: version 1.2.0
`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 (
<>
mapTypeId="roadmap"
style={{height:'700px'}}
onChangeLocation={handleChangeLocation}
onChangeZoom={handleChangeZoom}
apiKey='AIzaSyD07E1VvpsN_0FvsmKAj4nK9GnLq-9jtj8'/>
>
);
}
export default App
`$3
- mapTypeId: roadmap, satellite, hybrid, terrain
yarn install`$3
####
`yarn build`$3
#### `yarn publish``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.

MIT © phamtung1