Использование мозаичной карты Google с OpenLayers 3

Question

Как я могу использовать карту Google с OpenLayers 3?
Я хочу перейти с OpenLayers 2 на 3. Вот пример: пример интеграции карты Google с openlayers
но при использовании этого метода необходимо изменить старый HTML-код (нужны два элемента, "gmap" и "olmap", которые упоминали в примере).
Google Maps официально не поддерживается ol3, но мой вопрос:
"Как я могу использовать службу карт Google Tile Service в своем проекте, например, MapServer, без добавления ссылки на API Google (для оптимизации) в тег сценариев?"

Вот мой старый код, который корректно работает с OpenLayers 2:

var map = new OpenLayers.Map("map_canvas", {
    controls: [
        new OpenLayers.Control.PanZoomBar(),
        new OpenLayers.Control.ScaleLine(),
        new OpenLayers.Control.MousePosition(),
        new OpenLayers.Control.OverviewMap()
    ],
    units: "m",
    numZoomLevels: 21
});
var gmap = new OpenLayers.Layer.Google(
    { type: google.maps.MapTypeId.ROADMAP, numZoomLevels: 21}
);
map.addLayers([gmap]);

и HTML-код:

<div id="map_canvas">
</div>

ценю любую помощь

Answer 1

Я нашел решение:

JsFiddle

var map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
        source: new ol.source.OSM({
            url: 'http://mt{0-3}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',
            attributions: [
                new ol.Attribution({ html: '© Google' }),
                new ol.Attribution({ html: '<a href="https://developers.google.com/maps/terms">Terms of Use.</a>' })
            ]
        })
    })
  ],
  view: new ol.View({
    center: ol.proj.transform(
        [-110, 45], 'EPSG:4326', 'EPSG:3857'),
    zoom: 3
  })
});

html, body, #map {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

<link href="http://openlayers.org/en/master/css/ol.css" rel="stylesheet"/>
<script src="http://openlayers.org/en/master/build/ol.js"></script>
<div id="map"></div>

но я не уверен, что этот код противоречит Условиям использования Google или нет.