openlayers能不能把地图的底图设置成黑色

Question

问题描述

openlayers能不能把地图的底图设置成黑色，比如下面这样

现在加载的天地图的底图，是这种风格：

Answer 1

直接修改是不行的。

openlayers中加载图层可以分为两类：矢量数据(geojson、xml等)，图片数据(wmts、瓦块等)。一般我们加载的底图都是别人制作发布的图片数据，比如上面两个，这些图片我们是改不了颜色的，只能修改透明度。

我们使用一个黑色的底图，上面覆盖边界数据，加样式也能实现这个效果，但是太麻烦，上面第一张图数据及样式太多。

所以，你想实现第一种的效果，最好找到一个对应的地图服务接口。天地图不知道有没有对应这个样式的服务，你可以找下，下面推荐几个：

1、午夜蓝图
http://map.geoq.cn/arcgis/res...

//午夜蓝图
let map_wylt = new ol.layer.Tile({
    title: "午夜蓝图", 
    source: new ol.source.XYZ({
        url: 'http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}'
    })
});

2、高德自定义地图，默认给了幻影黑和极夜蓝 黑色系列的

3、百度自定义地图，默认给了两种黑色系列的。

echarts中使用的地图和你这个有点像，是百度的，应该是自定义的