schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-31 00:30:33 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Check for property-function support on data styles

Browse source
This commit is contained in:
pjsier 2017-10-05 06:08:55 -05:00
parent 2ffb3e73e1
commit 1d29f67065
1 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/fields/ZoomSpecField.jsx
View file

@ -261,13 +261,11 @@ export default class ZoomSpecProperty extends React.Component {
} }
renderProperty() { renderProperty() {
let functionBtn = null const functionBtn = <MakeFunctionButtons
if(this.props.fieldSpec['zoom-function']) { fieldSpec={this.props.fieldSpec}
functionBtn = <MakeFunctionButtons
onZoomClick={this.makeZoomFunction.bind(this)} onZoomClick={this.makeZoomFunction.bind(this)}
onDataClick={this.makeDataFunction.bind(this)} onDataClick={this.makeDataFunction.bind(this)}
/> />
}
return <InputBlock return <InputBlock
doc={this.props.fieldSpec.doc} doc={this.props.fieldSpec.doc}
label={labelFromFieldName(this.props.fieldName)} label={labelFromFieldName(this.props.fieldName)}
@ -296,8 +294,9 @@ export default class ZoomSpecProperty extends React.Component {
} }
function MakeFunctionButtons(props) { function MakeFunctionButtons(props) {
return <div> let makeZoomButton, makeDataButton
<Button if (props.fieldSpec['zoom-function']) {
makeZoomButton = <Button
className="maputnik-make-zoom-function" className="maputnik-make-zoom-function"
onClick={props.onZoomClick} onClick={props.onZoomClick}
> >
@ -307,7 +306,9 @@ function MakeFunctionButtons(props) {
doc={"Turn property into a zoom function to enable a map feature to change with map's zoom level."} doc={"Turn property into a zoom function to enable a map feature to change with map's zoom level."}
/> />
</Button> </Button>
<Button
if (props.fieldSpec['property-function']) {
makeDataButton = <Button
className="maputnik-make-data-function" className="maputnik-make-data-function"
onClick={props.onDataClick} onClick={props.onDataClick}
> >
@ -317,7 +318,12 @@ function MakeFunctionButtons(props) {
doc={"Turn property into a data function to enable a map feature to change according to data properties and the map's zoom level."} doc={"Turn property into a data function to enable a map feature to change according to data properties and the map's zoom level."}
/> />
</Button> </Button>
</div> }
return <div>{makeZoomButton}{makeDataButton}</div>
}
else {
return null
}
} }
function DeleteStopButton(props) { function DeleteStopButton(props) {