MapBox加载不同风格的地图

初始化MapBox地图：

 var map = new mapboxgl.Map({container: 'map',zoom: 3,center: [105, 34],//此处更改地图风格style: 'mapbox://styles/mapbox/satellite-v9',hash: false,});

1.基础地图（mapbox://styles/mapbox/basic-v9）

2.街道地图（mapbox://styles/mapbox/streets-v9）

3.浅色地图（mapbox://styles/mapbox/light-v9）

4.深色地图（mapbox://styles/mapbox/dark-v9）

5.鲜艳地图（mapbox://styles/mapbox/bright-v9）

6.影像地图（mapbox://styles/mapbox/satellite-v9）

7.导航地图+实时交通路况+白天（mapbox://styles/mapbox/navigation-preview-day-v2）

8.导航地图+实时交通路况+夜晚（mapbox://styles/mapbox/navigation-preview-night-v2）

9.导航地图+白天
（mapbox://styles/mapbox/navigation-guidance-day-v2）

10.导航地图+夜晚
（mapbox://styles/mapbox/navigation-guidance-night-v2）

MapBox加载不同风格的地图相关推荐

MapBox加载TMS栅格瓦片地图
在官网没有找到加载加载TMS地图的代码,在百度大概搜一下也没有看到,这里就展示一下代码,比加载WMSd地图服务更简单一点,直接把url替换了就可以了.代码如下 <!DOCTYPE html> ...
Mapbox加载天地图CGCS2000矢量瓦片地图服务
1.背景最近在做天地图的项目,要基于MapBox添加CGCS2000矢量切片数据,但是 Mapbox 只支持web 墨卡托(3857)坐标系的数据.Github有专业用户修改了mapbox-gl的相 ...
Mapbox 加载自定义 WMS 数据源
Mapbox 加载自定义 WMS 数据源 Step 1 引入依赖文件 <link href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/ma ...
QGIS加载天地图、高德地图
在ArcGIS中加载地图很麻烦,一来是国内的数据源太少,二是地图显示速度太慢. 不过在QGIS中加载地图,然后把shp文件加载,效果好很多.后来在 https://zhuanlan.zhihu.com ...
ArcGIS API for JavaScript4.x 之加载2D、3D地图
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/gisdoer/article/details/81545607 ArcGIS API for Jav ...
Leaflet中加载离线OSM瓦片地图(使用OfflineMapMaker切割下载离线png地图文件)
场景 Leaflet快速入门与加载OSM显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122290880 上面加载显示 ...
leaflet、cesium加载百度地图，加载自定义样式百度地图
1 leaflet.cesium加载百度地图(官方预设样式) 预留,待补充 2 leaflet.cesium加载百度自定义样式地图样式编辑器新版地址:http://lbsyun.baidu.com/ ...
Openlayers中加载GeoJson文件显示地图
场景 Openlayers下载与加载geoserver的wms服务显示地图: Openlayers下载与加载geoserver的wms服务显示地图_BADAO_LIUMANG_QIZHI的博客-CSD ...
不同分辨率加载不同js_OpenLayers加载百度离线瓦片地图（完美无偏移）
本文使用OpenLayers最新版本V5.3.0演示:如何使用OpenLayer完美无偏移加载百度离线瓦片地图.OpenLayers 5.3.0下载地址为:https://github.com/ope ...

MapBox加载不同风格的地图

MapBox加载不同风格的地图相关推荐

最新文章

热门文章