Google Maps Leaflet Tile Layer

Google Maps tile layer for react leaflet.

If you 👍 or use this project, consider giving it a ★, thanks! 🙌

Installation

Prerequisite is to have leaflet library already installed.

1npm i --save leaflet@1.9.3 react-leaflet@^4.2.0

As for the google-maps-leaflet-tile-layer:

1npm i --save @eisberg-labs/google-maps-leaflet-tile-layer

Usage

1import {MapContainer, Marker} from 'react-leaflet';
2import * as L from 'leaflet';
3import "leaflet/dist/leaflet.css";
4
5export const Basic = () => {
6
7  return (
8    <MapContainer id="map" zoom={10} center={[45, 16]} style={{
9      height: 300,
10      width: '100%',
11      position: 'relative', opacity: 1,
12    }}>
13      <GoogleLayer maxZoom={20}/>
14    </MapContainer>
15  )
16}

Api

Name	Type	Default	Description
subdomains	string[]	['mt0', 'mt1', 'mt2']	If one subdomain is down, try another.

License

MIT © Eisberg Labs