经过在网络上大量查找资料,我发现了一个无语的事情,就是mapbox-gl默认只支持3857坐标系,也就是Web Mercator,如果你强行加入了4490的天地图(也就是图层名为img_c、cva_c,这个c就是CGCS2000坐标系的意思),也不是不可以,那么地图就会非常扁,而且坐标是错误的。比如下图,其中中心点和标记的坐标是[117,37]: 很多...
"sources": { //天地图底图分成底图和注记两部分,需设置两个数据源 "tiandituimg": { "type": "raster", "tiles": ["https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=<天地图token>"], "tileSize": 256 }, "tiandituano": { "type": "raster", 天地图token>"]...
"sources": { //天地图底图分成底图和注记两部分,需设置两个数据源 "tiandituimg": { "type": "raster", "tiles": ["https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=<天地图token>"], "tileSize": 256 }, "tiandituano": { "type": "raster", "tiles": ["...
--引入mapboxgl原生样式表--> 11 <link href='./lib/css/MapBox_GL.css' rel='stylesheet' /> 12 <link href="./lib/css/style.css" rel="stylesheet" /> 13 </head> 14 <body> 15 <div id='map'></div> 16 <script> 17 //天地图(各个区域的token可以在网上查到) 18 var vecUrl = "...
天地图是大地2000坐标系,可以在wgs84坐标地图上直接使用,误差很小。OSM地图直接是wgs84坐标,不需要纠偏。 所以它两个在插件中直接使用 mapboxgl 的原生接口,其它地图则使用我们写的自定义图层接口。 GeoQ地图瓦片的编码方式和高德相同,改个瓦片请求地址就可以。
在研究偏移矩阵问题一筹莫展时,发现用天地图的栅格瓦片没有偏移的问题,因为天地图是大地2000坐标,可以直接在 wgs84 坐标地图上使用,基本没有误差。 尝试后觉得,可以倒是可以,但就是配色有点丑,可以先作为一个保底方案,高德瓦片的纠偏还要继续研究。 话说《WebGL编程指南》这本书看完后,一直想写个读书笔记,但又觉...
mapbox gl除了加载客户端可控制样式的底图,也能够加载常规的影像底图。 这里指发布的影像或者矢量地图切片,在线经常使用的有天地图,谷歌地图、高德百度等,底图的加载,mapbox gl中,主要是修改对应的样式style。 //这是加载arcgis server发布的底图切片 <div id='map'></div> ...
这里指发布的影像或者矢量地图切片,在线经常使用的有天地图,谷歌地图、高德百度等,底图的加载,mapbox gl中,主要是修改对应的样式style。//这是加载arcgis server发布的底图切片<div id='map'></div><script>var map = new mapboxgl.Map({ container: 'map', style: { //目前地图的版本用8 "version": 8...
https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=<天地图token> 按照{x}\{y}\{z}设置参数就能达到进行加载; 一般的影像切片尺寸是256*256,矢量切片的尺寸是512*512; mapbox-gl默认切片结构是xyz,当服务是tms时,需要在数据源上进行注明,scheme:tms; ...
this.map = new mapboxgl.Map({ container: 'map', zoom: 8, center: [120,20], ... tileSize": 256 }, });