Openlayers v4.0.1 unterstützen die Google Maps Javascript API?

Ich möchte wissen, ob die neueste Version von Openlayers (v4.0.1) Google Maps als Kachelebene unterstützt. Ich kann dazu kein Dokument finden. Wenn Openlayers Google Maps nicht unterstützt, kann mir jemand sagen, ob es eine Möglichkeit gibt, dies zu tun?

Ich kann Google Maps in OpenLayers 4.2 wie folgt unter meiner WMS-Ebene verwenden und es ist perfekt mit der EPSG: 3857-Projektion ausgestattet:

new ol.layer.Tile({source: new ol.source.TileImage({ url: 'http://khm{0-3}.googleapis.com/kh?v=742&hl=pl&&x={x}&y={y}&z={z}' })})

Warum brauchst du ein Plugin?

JSFiddle- Link

für ROADMAP

new ol.layer.Tile({ source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=m@113&hl=en&&x={x}&y={y}&z={z}' })})

Wenn Sie bei Verwendung von Geoserver oder anderen Vektorquellen auf das angepasste Problem mit der EPSG: 3857-Projektion stoßen; benutze so

new ol.layer.Tile({
        'title': 'Google Maps Uydu',
        'type': 'base',
         visible: true,
        'opacity': 1.000000,
         source: new ol.source.XYZ({
         attributions: [new ol.Attribution({ html: '<a href=""></a>' })],
         url: 'http://mt0.google.com/vt/lyrs=y&hl=en&x={x}&y={y}&z={z}&s=Ga'
         })
}),

Es ist uns ol.source.Tile möglich, auf alle Google Maps zuzugreifen. Für alle, die es benötigen, ist dies der grundlegende Code zum Erstellen aller verfügbaren Google Maps-Ebenen, die einer in Openlayers 4 entwickelten Karte hinzugefügt werden sollen:

var googleLayerRoadNames=new ol.layer.Tile({
    title: "Google Road Names",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=h&x={x}&y={y}&z={z}' }),
});

var googleLayerRoadmap=new ol.layer.Tile({
    title: "Google Road Map",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}' }),
});

var googleLayerSatellite =new ol.layer.Tile({
    title: "Google Satellite",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=s&hl=pl&&x={x}&y={y}&z={z}' }),
});

var googleLayerHybrid =new ol.layer.Tile({
    title: "Google Satellite & Roads",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=y&x={x}&y={y}&z={z}' }),
});

var googleLayerTerrain =new ol.layer.Tile({
    title: "Google Terrain",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=t&x={x}&y={y}&z={z}' }),
});

var googleLayerHybrid2 =new ol.layer.Tile({
    title: "Google Terrain & Roads",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=p&x={x}&y={y}&z={z}' }),
}); 

var googleLayerOnlyRoad=new ol.layer.Tile({
    title: "Google Road without Building",
    source: new ol.source.TileImage({ url: 'http://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z}' }),
});

Nein, das tut es nicht, und es wird es wahrscheinlich nie unterstützen, da es mit GMaps keinen direkten Zugriff auf Kacheln gibt. Die einzige Option, die ich kenne, ist noch so etwas wie: https://github.com/mapgears/ol3-google-maps

Ich habe hier bereits eine Antwort gegeben: https://stackoverflow.com/a/42616386/6068293 Könnten Sie bitte einen Kommentar abgeben, wenn Sie danach suchen?

Das Erstellen einer Lösung für die einfachen Kartendaten müsste das Verständnis der von solchen Anforderungen heruntergeladenen Daten kombinieren: https://www.google.pl/maps/vt/stream/pb=!1m7!8m6!1m3!1i11!2i348 3i816! 2i4! 3x65535! 2m3! 1E0! 2SM! 3i375060690! 2m38! 1e2! 2sspotlight! 4m2! 1sgid! 2sXMf6EbH1C4DOnd6foX0POg! 8m32! 1m2! 12m1! 20E1! 2M8! 1s0x80c2c75ddc27da13% 3A0xe22fdf6f254608f4! 2sLos + Angeles% 2C + Kalifornia% 2C + Stany + Zjednoczone! 4m2! 3d34.0522342! 4d-118.24368489999999! 5e1! 6b1! 9e0! 11e1! 13m10! 2shplexp% 2Ca! 15b1! 18m3! 5b0! 6b0! 8b0! 22m3! 6e2! 19e! ! 19u11! 19u12! 19u14! 19u20! 20m1! 1e6! 3m8! 2spl! 3spl! 5e1105! 12m4! 1e68! 2m2! 1sset! 2sRoadmap! 4e1! 6m6! 1e12! 2i2! 28e3! 39b1! 44e2!

Die Erstellung von Daten im Speicher des Browsers: /superuser/948738/what-is-the-blobhttp-prefix-and-where-can-i-learn-more-about-this und Abrufen Kacheln aus BLOB-Daten im Browser

Es gibt eine Möglichkeit, OpenLayer mit Google Maps zu versehen. Sie können meinen Code kopieren. (Typoskript)

import {Layer} from './../abstract-layer';
import {Injectable} from '@angular/core';


declare var ol: any;
declare var window: any;


@Injectable()
export class GoogleLayers extends Layer {
    private layers = [];
    private language = 'en';
    private country = 'US';


constructor() {
    super();
    var me = this;
    let layerRoad = new ol.layer.Tile({
        visible: false,
        preload: Infinity,
        source: new ol.source.TileImage({
            wrapX: true,
            maxZoom: 19,
            url: `http://maps.google.de/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2s${this.language}!3s${this.country.toUpperCase()}!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0`

        })
    });
    layerRoad.displayName = 'Google Maps Road';
    let layerSatelliet = new ol.layer.Tile({
        visible: false,
        preload: Infinity,
        source: new ol.source.TileImage({
            maxZoom: 19,
            wrapX: true,
            url: `https://www.google.de/maps/vt/pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m2!1e1!3i762!3m9!2s${this.language}!3s${this.country.toUpperCase()}!5e1105!12m1!1e4!12m1!1e47!12m1!1e3!4e0!5m1!1e0`

        })
    });
    layerSatelliet.displayName = 'Google Maps Satellit';

    this.layers.push(layerRoad);
    this.layers.push(layerSatelliet);
}

getLayers() {
    return this.layers;
}
}

Openlayers unterstützt Google Maps ab Version 3 nicht mehr. Versuchen Sie, anstelle von Openlayern eine Broschüre zu verwenden. Welches ist leicht und hat die meisten Funktionen von Openlayern. Wenn etwas fehlt, können Sie es einfach als Plugin hinzufügen. Das Hinzufügen von Google Maps mit ol.layer.Tile verstößt gegen Google-Lizenzvereinbarungen.