使用 ol3gm 将 Google 地图 API V3 "styles" 传输到 OpenLayers

Question

我有一张用 google 地图 api v3 制作的地图，它具有我想要的样式。但我不知道如何将它（如果可能的话）实现到 OpenLayers 中。我将添加我希望添加到下面开放层的代码。我看到了 ol3gmp 并希望这是答案，但我不知道它是不是。

         styles:[
     {"elementType": "geometry","stylers": [{"color": "#242f3e"}]},
   {"elementType": "labels","stylers": [{"visibility": "off"}]},
   {"elementType": "labels.text.fill","stylers": [{"color": "#746855"}]},
     {"elementType": "labels.text.stroke","stylers": [{"color": "#242f3e"}]},
     {"featureType": "administrative.land_parcel",
    "stylers": [{"visibility": "off"}]},
    {"featureType": "administrative.locality","elementType": "labels",
    "stylers": [{"visibility": "on"}]},
   {"featureType": "administrative.locality",
    "elementType": "labels.text.fill",
    "stylers": [{"color": "#d59563"}]},
     {"featureType": "administrative.neighborhood",
    "stylers": [{"visibility": "off"}]},
   {"featureType": "poi","stylers": [{"visibility": "off"}]},
   {"featureType": "poi","elementType": "labels.text.fill",
    "stylers": [{"color": "#d59563"}]},
   {"featureType": "poi.park","elementType": "geometry",
    "stylers": [{"color": "#263c3f"}]},
   {"featureType": "poi.park","elementType": "labels.icon",
    "stylers": [{"visibility": "simplified"}]},
   {"featureType": "poi.park","elementType": "labels.icon",
    "stylers": [{"visibility": "simplified"}]},
   {"featureType": "poi.park","elementType": "labels.text",
    "stylers": [{"visibility": "simplified"}]},
   {"featureType": "poi.park","elementType": "labels.text.fill",
    "stylers": [{"visibility": "simplified"}]},
   {"featureType": "poi.park","elementType": "labels.text.stroke",
    "stylers": [{"visibility": "simplified"}]},
   {"featureType": "road","stylers": [{"visibility": "on"}]},
   {"featureType": "road","elementType": "geometry",
    "stylers": [{"color": "#38414e"}]},
   {"featureType": "road","elementType": "geometry.stroke",
    "stylers": [{"color": "#212a37"}]},
   {"featureType": "road","elementType": "labels.text.fill",
    "stylers": [{"color": "#9ca5b3"}]},
   {"featureType": "road.highway","elementType": "geometry",
    "stylers": [{"color": "#746855"}]},
   {"featureType": "road.highway","elementType": "geometry.stroke",
    "stylers": [{"color": "#1f2835"}]},
   {"featureType": "road.highway","elementType": "labels.text.fill",
    "stylers": [{"color": "#f3d19c"}]},
   {"featureType": "transit","stylers": [{"visibility": "off"}]},
   {"featureType": "transit.station.airport",
    "stylers": [{"visibility": "on"}]},
   {"featureType": "water","elementType": "geometry",
    "stylers": [{"color": "#17263c"}]},
   {"featureType": "water","elementType": "labels.text.fill",
    "stylers": [{"color": "#515c6d"}]},
   {"featureType": "water","elementType": "labels.text.stroke",
    "stylers": [{"color": "#17263c"}]}
   ]
  });

Answer 1

您可以将样式定义提供给 olgm 层，它会将其传输到在 Google 地图中创建的地图。这是一个片段：

var themedLayer = new olgm.layer.Google({
  styles: [{
    "stylers": [{
      "saturation": -100
    },{
       "gamma": 2.25
    }]
  }]
});

另请参阅此 live example showing this (and its JavaScript 源文件）。

使用 ol3gm 将 Google 地图 API V3 "styles" 传输到 OpenLayers

Transferring the Google Maps API V3 "styles" to OpenLayers using ol3gm

html

ol3-google-maps