В openlayer добавить слой Google через Google API в угловых 6 - PullRequest
0 голосов
/ 02 июля 2019

В угловом файле index.html загрузите google api как:

<script async defer src="https://maps.googleapis.com/maps/api/js?key=API_KEY" ></script>

В угловом .ts файле импортируйте Openlayers js как:

import  * as ol from '../../../../src/ol.js';

В ngOnInit загрузите объект Openlayer как:

setTimeout (() => {
  var map = new ol.Map({
    layers: [
      new ol.Layer.Tile({
        source: new ol.source.OSM()
      }),
      new ol.Layer.Google(
        "Google Physical",
         {type: google.maps.MapTypeId.TERRAIN}
      ),
    ],
    target: 'map',
    view: new ol.View({
      center: ol.proj.transform([90.3715515665649, 23.76335644037783], 'EPSG:4326', 'EPSG:3857'),
      zoom: 14
    })
  });
},0);

Но ol.Layer.Tile работает нормально, но ol.Layer.Google показывает ошибку

Google не определен

.

...