在OpenLayers合法显示谷歌地图图层？

npm install openlayers

var ol = require('openlayers');
var google = require('googleapis');
var maps = google.maps;

var map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Google({
      name: 'Google Maps',
      type: 'RoadMap',
      source: new ol.source.GoogleMaps({
        key: 'YOUR_API_KEY',
        v: '3.17',
        cluster: true,
        styles: [
          {
            geometry: 'point',
            style: 'default',
            maxZoom: 12
          }
        ]
      })
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([120.977728, 24.803321]), //设定地图中心点位置
    zoom: 8 //设定地图缩放层级
  })
});