Example with static load of gmaps API
Install
yarn add react react-dom leaflet react-leaflet react-leaflet-googlemutant
Inport with GMaps loader class
;;;; { const BaseLayer = LayersControl; const mapConf = zoom: 12 center: -37925557-38497655 zoomControl: true doubleClickZoom: false ; return <div className="App"> <GoogleApiLoader apiKey="AXSBVXSBVXSBVXBSVXS"> <Map ...mapConf> <LayersControl position='topright'> <BaseLayer checked name='Google Maps Roads'> <GoogleMutant type="roadmap"/> </BaseLayer> <BaseLayer name='Google Maps Terrain'> <GoogleMutant type="terrain" /> </BaseLayer> <BaseLayer name='Google Maps Satellite'> <GoogleMutant type="satellite" /> </BaseLayer> <BaseLayer name='Google Maps Hydrid'> <GoogleMutant type="hybrid" /> </BaseLayer> </LayersControl> </Map> </GoogleApiLoader> </div> ; } ;
Import with script into html
Considering that there is a global variable as google
;;;; { const BaseLayer = LayersControl; const mapConf = zoom: 12 center: -37925557-38497655 zoomControl: true doubleClickZoom: false ; return <div className="App"> <Map ...mapConf> <LayersControl position='topright'> <BaseLayer checked name='Google Maps Roads'> <GoogleMutant type="roadmap"/> </BaseLayer> <BaseLayer name='Google Maps Terrain'> <GoogleMutant type="terrain" /> </BaseLayer> <BaseLayer name='Google Maps Satellite'> <GoogleMutant type="satellite" /> </BaseLayer> <BaseLayer name='Google Maps Hydrid'> <GoogleMutant type="HIBRID" /> </BaseLayer> </LayersControl> </Map> </div> ; } ;
License
MIT
See LICENSE file.