1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
| /** mapbox 地图配置文件 */
| export default [
| {
| name: '南京石化管网',
| visibility: 'visible', // 图层显示隐藏 2 种状态 visible none
| isAddToMap: true,
| source: {
| type: 'vector', // 矢量类型
| scheme: 'tms',
| zoomOffset: -1, // 经纬度天地图 需要zoomOffset -1
| tiles: [
| // 获取GeoServer 矢量切片服务,可以是一下几种方式
| 'http://localhost:8080/vector/tile/{z}/{x}/{y}' // postgis 数据库
| // "http://xearth.cn:6213/geoserver/gwc/service/tms/1.0.0/vectory_tile%3Acontrolpoint@EPSG%3A4326@pbf/{z}/{x}/{y}.pbf" //geoserver
| ]
| },
| layer: {
| id: 'vectorTilePoint',
| type: 'circle', // 查看 数据源的类型 参考mapbox 矢量数据可提供的参数类型
| source: 'vectorTilePoint',
| 'source-layer': 'points', // 矢量数据 如果包含 多种图层数据 通过 这个指定 数据名称
| // "source-layer": "controlpoint",
| minzoom: 0,
| maxzoom: 18,
| // "paint": {
| // "circle-radius": 10,
| // "circle-color": "#3887be"
| //
| // }
| paint: {
| 'circle-radius': {
| stops: [
| [8, 0.1],
| [11, 0.5],
| [15, 3],
| [20, 30]
| ]
| },
| 'circle-color': {
| // property: 'v',
| stops: [
| [1, '#990055'],
| [2, '#cdb640']
| ]
|
| },
| 'circle-opacity': 1
| }
| }
| },
| {
| name: '南京建筑',
| visibility: 'visible', // 图层显示隐藏 2 种状态 visible none
| isAddToMap: true,
| source: {
| type: 'vector',
| scheme: 'tms',
| zoomOffset: -1, // 必须要 经纬度天地图 其他图层需要zoomOffset -1
| tiles: ['http://xearth.cn:6213/geoserver/gwc/service/tms/1.0.0/vectory_tile%3Abuildings@EPSG%3A4326@pbf/{z}/{x}/{y}.pbf']
| },
| layer: {
| id: 'builds',
| source: 'buildings',
| 'source-layer': 'buildings',
| filter: ['==', 'extrude', 'true'],
| type: 'fill-extrusion',
| minzoom: 15,
| paint: {
|
| 'fill-extrusion-color':
| [
| 'interpolate',
| ['linear'],
| ['get', 'height'], // 属性字段
| 0, 'rgb(255, 255, 191)',
| 75, 'rgb(253, 174, 97)',
| 150, 'rgb(215,25,28)'
| ],
| 'fill-extrusion-height': [
| 'interpolate', ['linear'], ['zoom'],
| 15, 0,
| 15.05, ['get', 'height']
| ], // 属性字段
| 'fill-extrusion-opacity':
| 0.8
| }
| }
| }
| ]
|
|
