mpabox gl加载矢量切片服务

最新推荐文章于 2025-10-16 15:20:13 发布

原创最新推荐文章于 2025-10-16 15:20:13 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

这段代码展示了如何在地图应用中加载矢量切片服务，使用的是TMS协议和PBF格式的数据。同时，它还演示了如何将地图英文标注转换为中文，通过设置MapboxGL的RTLTextPlugin插件并切换默认语言为简体中文。

部署运行你感兴趣的模型镜像

代码如下：

	//加载矢量切片服务
				map.addSource('qing_', {
					'type': 'vector',
					'scheme': 'tms',
					'tiles': [
						'http://localhost:8085/geoserver/gwc/service/tms/1.0.0/myTest%3Aexport_output_1@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf'

					]
				});
				map.addLayer({
					'id': 'point1',
					'type': 'circle',
					'source': 'qing_',
					"source-layer": "export_output_1",
					'paint': {
						'circle-radius': 5,
						'circle-color': '#5500ff'
					},
					'filter': ['==', '$type', 'Point']
				});

// 英文标注转换为中文
			mapboxgl.setRTLTextPlugin(
				'https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js');
			map.addControl(new MapboxLanguage({
				defaultLanguage: 'zh-Hans'
			}));

您可能感兴趣的与本文相关的镜像