ol3-google-maps as ES2015 modules
Last updated 3 years ago by ineentho .
MIT · Original npm · Tarball · package.json
$ cnpm install @ineentho/olgm 
SYNC missed versions from official npm registry.


OpenLayers - Google Maps integration library as ES2015 modules to use with ol.


Add the olgm package as a dependency to your project.

npm install olgm --save

ol will be installed as a peer dependency.

To use olgm, the Google Maps API must be loaded externally. It's important to load Google Maps API before your bundle. You also need to use your own Google Maps API key.

<script type="text/javascript" src="bundle.js"></script>

It is recommended to import olgm/ol3gm.css along with ol/ol.css, for instance using style-loader.

Then, in your existing OpenLayers application, activate OL-Google-Maps. Here's a simple example:

import 'ol/ol.css';
import 'olgm/ol3gm.css';

import Map from 'ol/map';
import View from 'ol/view';
import Google from 'olgm/layer/google';
import interaction from 'olgm/interaction';
import OLGoogleMaps from 'olgm/olgooglemaps';

var center = [-7908084, 6177492];

// This dummy layer tells Google Maps to switch to its default map type
var googleLayer = new Google();

var map = new Map({
  // use OL3-Google-Maps recommended default interactions
  interactions: interaction.defaults(),
  layers: [
  target: 'map',
  view: new View({
    center: center,
    zoom: 12

var olGM = new OLGoogleMaps({map: map}); // map is the ol.Map instance

olgm modules work like ol modules. Consult the ol documentation for how to use the modules and how to bundle ol and olgm with your application.

Current Tags

  • 0.16.1                                ...           latest (3 years ago)

2 Versions

  • 0.16.1                                ...           3 years ago
  • 0.16.0                                ...           3 years ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 2
Last Month 3
Dependencies (0)
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |