@ineentho/olgm
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.

olgm

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

Usage

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="https://maps.googleapis.com/maps/api/js?v=3&key=<YOUR_KEY>">
</script>
<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: [
    googleLayer
  ],
  target: 'map',
  view: new View({
    center: center,
    zoom: 12
  })
});

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

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)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 2
Last Month 3
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |