eisberg labs logo
Eisberg Labs React Components
About UsBlog

Downloads

Google Maps Leaflet Tile Layer

Google Maps tile layer for react leaflet.

Example

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

Installation

Prerequisite is to have leaflet library already installed.

npm i --save [email protected] react-leaflet@^4.2.0

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

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

Usage

import {MapContainer, Marker} from 'react-leaflet';
import * as L from 'leaflet';
import "leaflet/dist/leaflet.css";

export const Basic = () => {

  return (
    <MapContainer id="map" zoom={10} center={[45, 16]} style={{
      height: 300,
      width: '100%',
      position: 'relative', opacity: 1,
    }}>
      <GoogleLayer maxZoom={20}/>
    </MapContainer>
  )
}

Api

NameTypeDefaultDescription
subdomainsstring[]['mt0', 'mt1', 'mt2']If one subdomain is down, try another.

License

MIT © Eisberg Labs

Examples

basic-example.tsx

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

4.0.2 (2023-01-25)

Note: Version bump only for package @eisberg-labs/google-maps-leaflet-tile-layer

4.0.0 (2023-01-25)

Note: Version bump only for package @eisberg-labs/google-maps-leaflet-tile-layer

3.0.1 (2023-01-02)

Note: Version bump only for package @eisberg-labs/google-maps-leaflet-tile-layer

3.0.0 (2022-12-27)

Bug Fixes

Features

1.0.5 (2022-12-14)

Note: Version bump only for package @eisberg-labs/google-maps-leaflet-tile-layer

1.0.4 (2022-12-14)

Bug Fixes

1.0.3 (2022-12-14)

Bug Fixes

1.0.2 (2022-12-14)

Bug Fixes

1.0.1 (2022-12-14)

Features