@googlemaps/ogc

[![npm](https://img.shields.io/npm/v/@googlemaps/ogc)](https://www.npmjs.com/package/@googlemaps/ogc) ![Build](https://github.com/googlemaps/js-ogc/workflows/Build/badge.svg) ![Release](https://github.com/googlemaps/js-ogc/workflows/Release/badge.svg) [![

Usage no npm install needed!

<script type="module">
  import googlemapsOgc from 'https://cdn.skypack.dev/@googlemaps/ogc';
</script>

README

OGC Plugin for Google Maps

npm Build Release codecov GitHub contributors semantic-release Discord

Description

Add a WmsMapType to Google Maps.

Note: This package was previously located at https://github.com/googlemaps/v3-utility-library.

NPM

Available via NPM as the package @googlemaps/ogc.

npm i @googlemaps/ogc

Documentation

The reference documentation can be found at this link.

Examples

See the WMS example in action.

import { WmsMapType } from '@googlemaps/ogc';

map = new google.maps.Map(document.getElementById("map"), mapOptions);

landCoverMapType = WmsMapType({
    url: "https://www.mrlc.gov/geoserver/NLCD_Land_Cover/wms?",
    layers: "mrlc_display:NLCD_2016_Land_Cover_L48",
    name: "Land Cover",
    alt: "NLCD_2016_Land_Cover_L48",
    maxZoom: 18
});

map.mapTypes.set("landcover", landCoverMapType);
map.setMapTypeId("landcover");

// alternative as overlay
map.overlayMapTypes.push(landCoverMapType);

Support

This library is community supported. We're comfortable enough with the stability and features of the library that we want you to build real production applications on it.

If you find a bug, or have a feature suggestion, please log an issue.