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

Fix to stop fetchSources getting called on each change.

Browse source
This commit is contained in:
orangemug 2017-11-29 18:13:47 +00:00
parent 949bd783f5
commit 199a989f7d
1 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/App.jsx
View file

@ -19,6 +19,7 @@ import { ApiStyleStore } from '../libs/apistore'
import { RevisionStore } from '../libs/revisions'
import LayerWatcher from '../libs/layerwatcher'
import tokens from '../config/tokens.json'
import isEqual from 'lodash.isequal'
function updateRootSpec(spec, fieldName, newValues) {
return {
@ -185,15 +186,19 @@ export default class App extends React.Component {
}
fetchSources() {
const sourceList = {};
const sourceList = {...this.state.sources};
for(let [key, val] of Object.entries(this.state.mapStyle.sources)) {
if(sourceList.hasOwnProperty(key)) {
continue;
}
sourceList[key] = {
type: val.type,
layers: []
};
if(val.type === "vector") {
if(!this.state.sources.hasOwnProperty(key) && val.type === "vector") {
const url = val.url;
fetch(url)
.then((response) => {
@ -201,15 +206,15 @@ export default class App extends React.Component {
})
.then((json) => {
// Create new objects before setState
const sourceList = {...this.state.sources};
sourceList[key] = {...sourceList[key]};
const sources = Object.assign({}, this.state.sources);
for(let layer of json.vector_layers) {
sourceList[key].layers.push(layer.id)
sources[key].layers.push(layer.id)
}
console.debug("Updating source: "+key);
this.setState({
sources: sourceList
sources: sources
});
})
.catch((err) => {
@ -218,11 +223,12 @@ export default class App extends React.Component {
}
}
// Note: Each source will be missing layers initially until the fetch is complete
this.setState({
sources: sourceList
})
if(!isEqual(this.state.sources, sourceList)) {
console.debug("Setting sources");
this.setState({
sources: sourceList
})
}
}
mapRenderer() {