ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-01-06 21:40:01 +00:00
Code Issues Projects Releases Wiki Activity

Ensure GeoJSON styling works

Browse Source
This commit is contained in:
Lukas Martinelli
2016-12-31 15:15:28 +01:00
parent b0e9790382
commit 99acbd4d92
4 changed files with 30 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/libs/stylegen.js
View File

@@ -27,10 +27,9 @@ function assignVectorLayerColor(layerId) {
}
function circleLayer(source, vectorLayer, color) {
return {
const layer = {
id: `${source}_${vectorLayer}_circle`,
source: source,
'source-layer': vectorLayer,
type: 'circle',
paint: {
'circle-color': color,
@@ -38,13 +37,16 @@ function circleLayer(source, vectorLayer, color) {
},
filter: ["==", "$type", "Point"]
}
if(vectorLayer) {
layer['source-layer'] = vectorLayer
}
return layer
}
function polygonLayer(source, vectorLayer, color, fillColor) {
return {
const layer = {
id: `${source}_${vectorLayer}_polygon`,
source: source,
'source-layer': vectorLayer,
type: 'fill',
paint: {
'fill-color': fillColor,
@@ -53,13 +55,16 @@ function polygonLayer(source, vectorLayer, color, fillColor) {
},
filter: ["==", "$type", "Polygon"]
}
if(vectorLayer) {
layer['source-layer'] = vectorLayer
}
return layer
}
function lineLayer(source, vectorLayer, color) {
return {
const layer = {
id: `${source}_${vectorLayer}_line`,
source: source,
'source-layer': vectorLayer,
layout: {
'line-join': 'round',
'line-cap': 'round'
@@ -70,6 +75,10 @@ function lineLayer(source, vectorLayer, color) {
},
filter: ["==", "$type", "LineString"]
}
if(vectorLayer) {
layer['source-layer'] = vectorLayer
}
return layer
}
export function colorHighlightedLayer(layer) {
@@ -110,6 +119,16 @@ export function generateColoredLayers(sources) {
Object.keys(sources).forEach(sourceId => {
const layers = sources[sourceId]
// Deal with GeoJSON sources that do not have any source layers
if(!layers) {
const color = Color(assignVectorLayerColor(sourceId))
circleLayers.push(circleLayer(sourceId, null, color.alpha(0.3).string()))
lineLayers.push(lineLayer(sourceId, null, color.alpha(0.3).string()))
polyLayers.push(polygonLayer(sourceId, null, color.alpha(0.2).string(), color.alpha(0.05).string()))
return
}
layers.forEach(layerId => {
const color = Color(assignVectorLayerColor(layerId))
circleLayers.push(circleLayer(sourceId, layerId, color.alpha(0.3).string()))