schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-09-20 01:41:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix visibility toggle

Browse source
This commit is contained in:
lukasmartinelli 2016-09-10 16:53:58 +02:00
parent f444ebf65d
commit 0693dc3d42
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/layers/editor.jsx
View file

@ -1,6 +1,8 @@
import React from 'react'
import Immutable from 'immutable'
import { Toolbar, NavItem, Space} from 'rebass'
import Collapse from 'react-collapse'
import theme from '../theme.js'
import FillLayer from './fill.jsx'
import LineLayer from './line.jsx'
@ -46,12 +48,24 @@ export class LayerEditor extends React.Component {
}
onPaintChanged(property, newValue) {
const changedLayer = this.props.layer.setIn(['paint', property], newValue)
let layer = this.props.layer
//TODO: by using immutable records we can avoid this checking if object exists
if(!layer.has('paint')) {
layer = layer.set('paint', Immutable.Map())
}
const changedLayer = layer.setIn(['paint', property], newValue)
this.props.onLayerChanged(changedLayer)
}
onLayoutChanged(property, newValue) {
const changedLayer = this.props.layer.setIn(['layout', property], newValue)
let layer = this.props.layer
//TODO: by using immutable records we can avoid this checking if object exists
if(!layer.has('layout')) {
layer = layer.set('layout', Immutable.Map())
}
const changedLayer = layer.setIn(['layout', property], newValue)
this.props.onLayerChanged(changedLayer)
}
@ -86,7 +100,7 @@ export class LayerEditor extends React.Component {
}
toggleVisibility() {
if(this.props.layer.layout.visibility === 'none') {
if(this.props.layer.has('layout') && this.props.layer.getIn(['layout', 'visibility']) === 'none') {
this.onLayoutChanged('visibility', 'visible')
} else {
this.onLayoutChanged('visibility', 'none')
@ -95,7 +109,7 @@ export class LayerEditor extends React.Component {
render() {
let visibleIcon = <MdVisibilityOff />
if(this.props.layer.layout && this.props.layer.layout.visibility === 'none') {
if(this.props.layer.has('layout') && this.props.layer.getIn(['layout', 'visibility']) === 'none') {
visibleIcon = <MdVisibility />
}

4
src/stylestore.js
View file

@ -72,10 +72,10 @@ function styleKey(styleId) {
// Ensure a style has a unique id and a created date
function ensureOptionalStyleProps(mapStyle) {
if(!('id' in mapStyle)) {
if(!mapStyle.has('id')) {
mapStyle = mapStyle.set('id', Math.random().toString(36).substr(2, 9))
}
if(!("created" in mapStyle)) {
if(!mapStyle.has('created')) {
mapStyle = mapStyle.set('created', new Date())
}
return mapStyle