gisthreemap
Version:
基于webGL的三维api
294 lines (293 loc) • 8.3 kB
JavaScript
export const exampleStyle = {
version: 8,
sources: {
countries: {
type: "vector",
tiles: ["https://cdn.rawgit.com/klokantech/mapbox-gl-js-offline-example/v1.0/countries/{z}/{x}/{y}.pbf"],
maxzoom: 6,
},
},
glyphs: "https://cdn.rawgit.com/klokantech/mapbox-gl-js-offline-example/v1.0/font/{fontstack}/{range}.pbf",
layers: [
{
id: "background",
type: "background",
paint: {
"background-color": "#ddeeff",
},
},
{
id: "country-glow-outer",
type: "line",
source: "countries",
"source-layer": "country",
layout: {
"line-join": "round",
},
paint: {
"line-color": "#226688",
"line-width": 5,
"line-opacity": {
stops: [
[],
[],
],
},
},
},
{
id: "country-glow-inner",
type: "line",
source: "countries",
"source-layer": "country",
layout: {
"line-join": "round",
},
paint: {
"line-color": "#226688",
"line-width": {
stops: [
[],
[],
[],
[],
],
},
"line-opacity": 0.8,
},
// rainbow start
},
{
id: "area-white-1",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "ATA"],
"source-layer": "country",
paint: {
"fill-color": "#F0F8FF",
},
},
{
id: "area-white-2",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "ATA"],
"source-layer": "country",
paint: {
"fill-color": "#F0F8FF",
},
},
{
id: "area-red",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "AFG", "ALD", "BEN", "BLR", "BWA", "COK", "COL", "DNK", "DOM", "ERI", "FIN", "FRA", "FRO", "GIB", "GNB", "GNQ", "GRC", "GTM", "JPN", "KIR", "LKA", "MHL", "MMR", "MWI", "NCL", "OMN", "RWA", "SMR", "SVK", "SYR", "TCD", "TON", "URY", "WLF"],
"source-layer": "country",
paint: {
"fill-color": "#fdaf6b",
},
},
{
id: "area-orange",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "AZE", "BGD", "CHL", "CMR", "CSI", "DEU", "DJI", "GUY", "HUN", "IOA", "JAM", "LBN", "LBY", "LSO", "MDG", "MKD", "MNG", "MRT", "NIU", "NZL", "PCN", "PYF", "SAU", "SHN", "STP", "TTO", "UGA", "UZB", "ZMB"],
"source-layer": "country",
paint: {
"fill-color": "#fdc663",
},
},
{
id: "area-yellow",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "AGO", "ASM", "ATF", "BDI", "BFA", "BGR", "BLZ", "BRA", "CHN", "CRI", "ESP", "HKG", "HRV", "IDN", "IRN", "ISR", "KNA", "LBR", "LCA", "MAC", "MUS", "NOR", "PLW", "POL", "PRI", "SDN", "TUN", "UMI", "USA", "USG", "VIR", "VUT"],
"source-layer": "country",
paint: {
"fill-color": "#fae364",
},
},
{
id: "area-green",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "ARE", "ARG", "BHS", "CIV", "CLP", "DMA", "ETH", "GAB", "GRD", "GRL", "HMD", "IND", "IOT", "IRL", "IRQ", "ITA", "KOS", "LUX", "MEX", "NAM", "NER", "PHL", "PRT", "RUS", "SEN", "SUR", "TZA", "VAT"],
"source-layer": "country",
paint: {
"fill-color": "#d3e46f",
},
},
{
id: "area-turquoise",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "AUT", "BEL", "BHR", "BMU", "BRB", "CYN", "DZA", "EST", "FLK", "GMB", "GUM", "HND", "JEY", "KGZ", "LIE", "MAF", "MDA", "NGA", "NRU", "SLB", "SOL", "SRB", "SWZ", "THA", "TUR", "VEN", "VGB"],
"source-layer": "country",
paint: {
"fill-color": "#aadb78",
},
},
{
id: "area-blue",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "AIA", "BIH", "BLM", "BRN", "CAF", "CHE", "COM", "CPV", "CUB", "ECU", "ESB", "FSM", "GAZ", "GBR", "GEO", "KEN", "LTU", "MAR", "MCO", "MDV", "NFK", "NPL", "PNG", "PRY", "QAT", "SLE", "SPM", "SYC", "TCA", "TKM", "TLS", "VNM", "WEB", "WSB", "YEM", "ZWE"],
"source-layer": "country",
paint: {
"fill-color": "#a3cec5",
},
},
{
id: "area-purple",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "ABW", "ALB", "AND", "ATC", "BOL", "COD", "CUW", "CYM", "CYP", "EGY", "FJI", "GGY", "IMN", "KAB", "KAZ", "KWT", "LAO", "MLI", "MNP", "MSR", "MYS", "NIC", "NLD", "PAK", "PAN", "PRK", "ROU", "SGS", "SVN", "SWE", "TGO", "TWN", "VCT", "ZAF"],
"source-layer": "country",
paint: {
"fill-color": "#ceb5cf",
},
},
{
id: "area-pink",
type: "fill",
source: "countries",
filter: ["in", "ADM0_A3", "ARM", "ATG", "AUS", "BTN", "CAN", "COG", "CZE", "GHA", "GIN", "HTI", "ISL", "JOR", "KHM", "KOR", "LVA", "MLT", "MNE", "MOZ", "PER", "SAH", "SGP", "SLV", "SOM", "TJK", "TUV", "UKR", "WSM"],
"source-layer": "country",
paint: {
"fill-color": "#f3c1d3",
},
// rainbow end
},
{
id: "geo-lines",
type: "line",
source: "countries",
"source-layer": "geo-lines",
paint: {
"line-color": "#226688",
"line-width": {
stops: [
[],
[],
],
},
"line-dasharray": [6, 2],
},
},
{
id: "land-border-country",
type: "line",
source: "countries",
"source-layer": "land-border-country",
paint: {
"line-color": "#fff",
"line-width": {
base: 1.5,
stops: [
[],
[],
[],
],
},
},
},
{
id: "state",
type: "line",
source: "countries",
"source-layer": "state",
minzoom: 3,
filter: ["in", "ADM0_A3", "USA", "CAN", "AUS"],
paint: {
"line-color": "#226688",
"line-opacity": 0.25,
"line-dasharray": [6, 2, 2, 2],
"line-width": 1.2,
},
// LABELS
},
{
id: "country-abbrev",
type: "symbol",
source: "countries",
"source-layer": "country-name",
minzoom: 1.8,
maxzoom: 3,
layout: {
"text-field": "{ABBREV}",
"text-font": ["Open Sans Semibold"],
"text-transform": "uppercase",
"text-max-width": 20,
"text-size": {
stops: [
[],
[],
[],
[],
],
},
"text-letter-spacing": {
stops: [
[],
[],
[],
],
},
"text-line-height": {
stops: [
[],
[],
],
},
},
paint: {
"text-halo-color": "#fff",
"text-halo-width": 1.5,
},
},
{
id: "country-name",
type: "symbol",
source: "countries",
"source-layer": "country-name",
minzoom: 3,
layout: {
"text-field": "{NAME}",
"text-font": ["Open Sans Semibold"],
"text-transform": "uppercase",
"text-max-width": 20,
"text-size": {
stops: [
[],
[],
[],
[],
],
},
},
paint: {
"text-halo-color": "#fff",
"text-halo-width": 1.5,
},
},
{
id: "geo-lines-lables",
type: "symbol",
source: "countries",
"source-layer": "geo-lines",
minzoom: 1,
layout: {
"text-field": "{DISPLAY}",
"text-font": ["Open Sans Semibold"],
"text-offset": [0, 1],
"symbol-placement": "line",
"symbol-spacing": 600,
"text-size": 9,
},
paint: {
"text-color": "#226688",
"text-halo-width": 1.5,
},
},
],
};