如何在openlayers-3中添加Google底图?

shr*_*tha 8 openlayers openlayers-3

在openlayers-2中,我们可以添加谷歌底图(卫星,物理,混合等).我需要在openlayer-3中添加google basemaps.如何添加谷歌底图???

openlayers中的CODE-3

map = new ol.Map({
      layers: [
         new ol.layer.Group({
            layers: [
               new ol.layer.Tile({
                  source: null,
                  visible:false
                  }),
                  new ol.layer.Tile({
                  source: new ol.source.MapQuest({layer: 'sat'})
                  }),
                  new ol.layer.Tile({
                  source: new ol.source.OSM(),
                  visible:false
                    })
                 ]})
                ],
                target: 'map',
                view: new ol.View({
                    center:[28.566667, 4.01666699999998],
                    zoom:7
                    }),
                controls: ol.control.defaults({

                       attribution:false

                }).extend([
                    scaleLineControl
                ]),
            });

        lyr=new ol.layer.Tile({  source: new ol.source.TileWMS({
            url: 'http://localhost:8080/geoserver/wms',
            params: {'LAYERS': 'test:test', 'TILED': true},
            serverType: 'geoserver'
            })
        });
map.addLayer(lyr);
Run Code Online (Sandbox Code Playgroud)

我需要google basemaps而不是osm和mapquest.

tsa*_*ein 4

ol3官方不支持Google 地图,请参阅https://gist.github.com/elemoine/e82c7dd4b1d0ef45a9a4