zoukankan      html  css  js  c++  java
  • 【GIS】Mapbox、GeoServer矢量瓦片

    参考:https://blog.csdn.net/GIS_Lyn/article/details/87908982

    var wmts_vector =
    	"http://192.168.198.252:8080/geoserver-2.15.4/gwc/service/tms/1.0.0/demo:XXXX@EPSG:900913@pbf/{z}/{x}/{y}.pbf"
    var styles = {
    	"version": 8,
    	"name": "Mapbox Streets",
    	"glyphs": "/fonts/{fontstack}/{range}.pbf",
    	"sources": {
    		"osm-tiles": {
    			"type": "raster",
    			"scheme": "tms", 
    			"tiles": [
    				"http://192.168.198.252:8080/geoserver-2.15.4/gwc/service/tms/1.0.0/ChinaCityLatLon@EPSG%3A900913@png/{z}/{x}/{y}.png"
    			],
    
    			"tileSize": 256
    		},
    		"wmts-vector": {
    			"type": "vector",
    			"scheme": "tms",
    			"tiles": [
    				wmts_vector
    			]
    		}
    	},
    	"layers": [{
    			"id": "simple-tiles",
    			"type": "raster",
    			"source": "osm-tiles",
    			"minzoom": 0,
    			"maxzoom": 22
    		},
    		{
    			"id": "wmts-vector-layer",
    			"type": "fill",
    			'source': "wmts-vector",
    			"source-layer": "XXXX", //图层名称,图层、图层组名称注意和GeoServer发布的对应
    			"layout": {},
    			"paint": {
    				"fill-color": "#0f0"
    			},
    			"interactive": true
    		}
    	]
    };
    

      

    博客地址: http://www.cnblogs.com/defineconst/
    博客版权: 本文以学习、研究和分享为主,欢迎转载和各类爬虫,但必须在文章页面明显位置给出原文链接。 如果文中有不妥或者错误的地方还望高手的您指出,以免误人子弟。如果您有更好的建议,不如留言一起讨论,共同进步! 再次感谢您耐心的读完本篇文章。
  • 相关阅读:
    微博个人中心效果
    微博弹性按钮
    ios9 3dtouch 博客
    去掉导航栏阴影
    模态全屏模式,实现半透明效果
    剪切图片
    修改push动画的方向
    数据库链接池终于搞对了,直接从100ms到3ms
    如何在Java代码中去掉烦人的“!=null”
    面试官:请讲下接口具体怎么优化!
  • 原文地址:https://www.cnblogs.com/defineconst/p/15130646.html
Copyright © 2011-2022 走看看