google layer as React compoment for Leaflet
npm install @entur/react-leaflet-googleMost recently tested with Leaflet React-Leaflet 4.0.0. Requires React 18, react-leaflet 4 and Leaflet 1.8-
GoogleMaps layer as React component for Leaflet build on top of React-Leaflet.
The google maps layer is using the plugin from Leaflet. GridLayer. GoogleMutant
Also it uses google-maps, a wrapper for asynchronously download Google Maps API in the browser.
To get started, to be able to run the example you have execute:
``bash`
npm install
`jsx
import React from 'react';
import { MapContainer, TileLayer, LayersControl } from 'react-leaflet'
import { GoogleLayer } from '../src'
const { BaseLayer } = LayersControl;
const key = 'your key goes here';
const terrain = 'TERRAIN';
const road = 'ROADMAP';
const satellite = 'SATELLITE';
const hydrid = 'HYBRID';
//// Google's map type. Valid values are 'roadmap', 'satellite' or 'terrain'. 'hybrid' is not really supported.
export default class GoogleExample extends React.Component {
constructor() {
super();
}
render() {
return (
)
}
}
`
You can find the following example in the folder example . Run the above code by executing the following scripts in package.json, with the order they are stated underneath:
1)
`build
`
1) example `