GIS开发:mapbox gl几种底图的加载

简介: GIS开发:mapbox gl几种底图的加载

mapbox gl除了加载客户端可控制样式的底图,也能够加载常规的影像底图。
这里指发布的影像或者矢量地图切片,在线经常使用的有天地图,谷歌地图、高德百度等,底图的加载,mapbox gl中,主要是修改对应的样式style。

//这是加载arcgis server发布的底图切片

//加载天地图的矢量和注记图层

style: {

"version": 8,

"sources": {

"mapsource": {

    "type": "raster",

       //天地图的影像切片,现在天地图需要申请token

"tiles":

['http://t1.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles&tk='],

                        "tileSize": 256,

},

   //注记的数据源,source中可以添加多个

annotationsource": {

"type": "raster",

"tiles": [' http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles&tk=<your token>'],

                        "tileSize": 256,

                    }

},

//分别加载多个天地图的图层

"layers": [{

    "id": "mapsource",

    "type": "raster",

    "source": "mapsource",

    "minzoom": 0,

    "maxzoom": 18

                },{

    "id": "annotationsource",

    "type": "raster",

    "source": "annotationsource",

    "minzoom": 0,

    "maxzoom":18

        }]

}

```
类似于高德、百度的地图,网上搜到这些地图的切片地址,同样也能够进行访问,需要注意的是,切片图层要做成web mecator的坐标系,才能进行访问。

相关文章
|
10月前
分享:mapbox-gl的CGCS2000修改版
分享:mapbox-gl的CGCS2000修改版
120 0
|
定位技术 API 网络架构
地图图层接入:从mapbox转向cesium
由于地图坐标系的不统一,地图图商提供的图层服务也各有特色,在图层对接的开发过程中常会遇到许多坑,从二维图层到三维图层,地图引擎mapbox再到cesium,本文将分享笔者在近期地图图层接入过程中总结的一些经验。
3204 10
|
2月前
|
Linux API iOS开发
【Qt 渲染引擎】一文带你了解qt的三种 渲染引擎,包括栅格引擎(Raster)、OpenGL 和本地绘图系统
【Qt 渲染引擎】一文带你了解qt的三种 渲染引擎,包括栅格引擎(Raster)、OpenGL 和本地绘图系统
47 0
mapbox-gl:数据多样式显示
mapbox-gl:数据多样式显示
202 0
mapbox-gl:数据多样式显示
|
JavaScript 前端开发 大数据
GIS开发:推荐Mapbox gl解决方案
GIS开发:推荐Mapbox gl解决方案
252 0
|
定位技术
GIS开发:mapbox中简单模型
GIS开发:mapbox中简单模型
119 0
|
定位技术 数据库
利用 QGIS 绘制洞穴地图
利用 QGIS 绘制洞穴地图
133 0
利用 QGIS 绘制洞穴地图
|
JavaScript 定位技术
基于Leaflet.draw的gis图形标绘实战
本文将通过编码的方式讲解如何引入Leaflet.draw组件,并绘制点、线、面、圆对象,同时可以计算线的距离,面积,圆半径和点的经纬度等信息。通过本文可了解基本操作,可以基于leaflet扩展相关的绘制组件,为空间检索等
530 0
基于Leaflet.draw的gis图形标绘实战
|
前端开发 机器人 定位技术
在Unity中实现小地图(Minimap)
小地图的基本概念众所周知,小地图(或雷达)是用于显示周围环境信息的。首先,小地图是以主角为中心的。其次,小地图上应该用图标来代替真实的人物模型,因为小地图通常很小,玩家可能无法看清真实的模型。大多数小地图都是圆形的,所以本文也将创建圆形小地图。
3335 0
|
API 定位技术 网络架构
leaflet地图介绍
本文将介绍有关于leaflet地图组件在web中的应用 什么是leaflet? leaflet是一个轻量级的开源js地图组件,适用于移动设备,用法简单性能优越,如果你曾经使用过高德或者百度的地图api的话,相信你可以很轻易的上手更加简单的leaflet leaflet是怎么运作的? leaflet的工作方法和高德百度之类的并不一样,由于leaflet是个开源项目,所以它本身只有地图组件并不提供地图内容,也就是说,我们不需要为了使用leaflet而去注册key。
2238 0