mapbox-gl-js/debug/globe-feature-query-style.js at main · mapbox/mapbox-gl-js · GitHub

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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
window.style = {
  "version": 8,
  "projection": {
    "name": "globe"
  },
  "sources": {
    "geojson": {
      "type": "geojson",
      "data": {
        "type": "FeatureCollection",
        "features": [
          {
            "type": "Feature",
            "id": 0,
            "properties": {
              "color": "yellow",
              "height": 2000000
            },
            "geometry": {
              "type": "Polygon",
              "coordinates": [
                [
                  [
                    -7,
                    -7
                  ],
                  [
                    -7,
                    -1
                  ],
                  [
                    -1,
                    -1
                  ],
                  [
                    -1,
                    -7
                  ],
                  [
                    -7,
                    -7
                  ]
                ]
              ]
            }
          },
          {
            "type": "Feature",
            "id": 1,
            "properties": {
              "color": "red",
              "height": 1500000
            },
            "geometry": {
              "type": "Polygon",
              "coordinates": [
                [
                  [
                    15,
                    -12
                  ],
                  [
                    15,
                    -1
                  ],
                  [
                    5,
                    -1
                  ],
                  [
                    5,
                    -12
                  ],
                  [
                    15,
                    -12
                  ]
                ]
              ]
            }
          },
          {
            "type": "Feature",
            "id": 2,
            "properties": {
              "color": "green",
              "height": 1250000
            },
            "geometry": {
              "type": "Polygon",
              "coordinates": [
                [
                  [
                    10,
                    2
                  ],
                  [
                    18,
                    -6.5
                  ],
                  [
                    10,
                    -15
                  ],
                  [
                    2,
                    -6.5
                  ],
                  [
                    10,
                    2
                  ]
                ]
              ]
            }
          }
        ]
      }
    },
    "places": {
      "type": "geojson",
      "data": "/test/integration/data/places.geojson"
    }
  },
  "pitch": 70,
  "bearing": -30,
  "zoom": 2,
  "center": [0, 0],
  "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
  "layers": [
    {
      "id": "background",
      "type": "background",
      "paint": {
        "background-color": "white"
      }
    },
    {
      "id": "building-a",
      "type": "fill-extrusion",
      "source": "geojson",
      "paint": {
        "fill-extrusion-color": ["case", ['boolean', ['feature-state', 'picked'], false], "magenta", ["get", "color"]],
        "fill-extrusion-height": ["get", "height"]
      }
    },
    {
      "id": "circles_na",
      "type": "circle",
      "source": "places",
      "filter": ["==", "region", "North America"],
      "paint": {
        "circle-radius": ["case", ['boolean', ['feature-state', 'picked'], false], 20, 15],
        "circle-color": ["case", ['boolean', ['feature-state', 'picked'], false], "magenta", "red"],
        "circle-pitch-alignment": "viewport",
        "circle-pitch-scale": "viewport"
      }
    },
    {
      "id": "circles_africa",
      "type": "circle",
      "source": "places",
      "filter": ["==", "region", "Africa"],
      "paint": {
        "circle-radius": ["case", ['boolean', ['feature-state', 'picked'], false], 20, 15],
        "circle-color": ["case", ['boolean', ['feature-state', 'picked'], false], "magenta", "red"],
        "circle-pitch-alignment": "map",
        "circle-pitch-scale": "viewport"
      }
    },
    {
      "id": "circles_sa",
      "type": "heatmap",
      "source": "places",
      "filter": ["==", "region", "South America"],
      "paint": {
        "heatmap-radius": ["case", ['boolean', ['feature-state', 'picked'], false], 75, 50],
        "heatmap-intensity": 1
      }
    },
    {
      "id": "symbols_europe",
      "type": "symbol",
      "source": "places",
      "filter": ["==", "region", "Europe"],
      "layout": {
        "symbol-placement": "point",
        "text-field": "{name}",
        "text-font": [
          "Open Sans Semibold",
          "Arial Unicode MS Bold"
        ]
      },
      "paint": {
        "text-color": ["case", ['boolean', ['feature-state', 'picked'], false], "magenta", "black"]
      }
    }
  ]
}