mapbox加载天地图

//天地图
var vecUrl = "http://t0.tianditu.com/vec_w/wmts?tk=你的天地图token";
var cvaUrl = "http://t0.tianditu.com/cva_w/wmts?tk=你的天地图token";
//使用严格模式
"use strict";
//实例化source对象
var tdtVec = {//类型为栅格瓦片"type": "raster",'tiles': [//请求地址vecUrl + "&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=tiles"],//分辨率'tileSize': 256
};
var tdtCva = {"type": "raster",'tiles': [cvaUrl + "&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=tiles"],'tileSize': 256
};
//实例化Map地图对象
var map = new mapboxgl.Map({//地图容器div的idcontainer: 'map',style: {//设置版本号，一定要设置"version": 8,//添加来源"sources": {"tdtVec": tdtVec,"tdtCva": tdtCva},"layers": [{//图层id，要保证唯一性"id": "tdtVec",//图层类型"type": "raster",//数据源"source": "tdtVec",//图层最小缩放级数"minzoom": 0,//图层最大缩放级数"maxzoom": 17},{"id": "tdtCva","type": "raster","source": "tdtCva","minzoom": 0,"maxzoom": 17}],},//地图中心点center: [116.405419,39.914714],//地图当前缩放级数zoom: 10
});
//实例化导航控件
var nav = new mapboxgl.NavigationControl({//是否显示指南针，默认为true"showCompass": true,//是否显示缩放按钮，默认为true"showZoom":true}
);
//添加导航控件，控件的位置包括'top-left', 'top-right','bottom-left' ,'bottom-right'四种，默认为'top-right'
map.addControl(nav, 'top-left');

mapbox加载天地图相关推荐

Mapbox加载天地图CGCS2000矢量瓦片地图服务
1.背景最近在做天地图的项目,要基于MapBox添加CGCS2000矢量切片数据,但是 Mapbox 只支持web 墨卡托(3857)坐标系的数据.Github有专业用户修改了mapbox-gl的相 ...
QGIS加载天地图、高德地图
在ArcGIS中加载地图很麻烦,一来是国内的数据源太少,二是地图显示速度太慢. 不过在QGIS中加载地图,然后把shp文件加载,效果好很多.后来在 https://zhuanlan.zhihu.com ...
osgEarth3.0 加载天地图
2.8版本里面有个xyz图层的例子,稍作修改就可以加载天地图的影像图层.在3.0版本中,XYZ , bing 等图层已经被移植到内核中.所以我们直接用XYZ图层来加载天地图即可 XYZImageLay ...
基于ArcGIS API for JavaScript加载天地图
文章目录前言效果图详细代码总结参考链接前言该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...
Vue+Openlayers实现加载天地图WMTS服务显示
场景 Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图: Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图_BADAO_ ...
ol xyz 加载天地图_OpenLayers加载天地图方法——WMTS和XYZ
1.ol.layer.Tile及数据源类结构 openlayers中,图层(layer)不可缺少的组成部分是数据源(source),天地图是切片的数据服务,对应的图层是ol.layer.Tile,下图 ...
(转载）arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...
1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...
（转）Openlayers 2.X加载天地图
http://blog.csdn.net/gisshixisheng/article/details/44621923 概述: 在前面的章节,讲到了Arcgis for js加载天地图,在本节讲述如何 ...
（转）Arcgis for js加载天地图
http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切 ...

mapbox加载天地图

mapbox加载天地图相关推荐

最新文章

热门文章