.

public/config.json

@@ -1,8 +1,8 @@
 {
     "tileset": "http://localhost:4567/wuyidaxue/tileset.json",
     "layers": [
-        { "name": "house", "text": "建筑","type":"geodata", "checked": false },
-        { "name": "road", "text": "道路","type":"geodata", "checked": false },
-        { "name": "heatmap", "text": "热力图","type":"heatmap", "checked": false }
+        { "name": "house", "text": "建筑", "type": "geodata", "checked": false, "show": true, "url": "house" },
+        { "name": "road", "text": "道路", "type": "geodata", "checked": false, "show": true, "url": "road" },
+        { "name": "heatmap", "text": "热力图", "type": "heatmap", "checked": false, "show": true, "url": "" }
     ]
 }

src/App.vue

@@ -23,8 +23,7 @@ export default {
     },
     created() {
         this.$bus.$on("config", config => {
-            this.layers = config.layers;
-            console.log(this.layers);
+            this.layers = config.layers.filter(item=>item.show);
         });
     },
     computed:{

src/core/viewer.js

@@ -100,7 +100,7 @@ async function main() {
             }
         })
 
-        var resource = Resource.createIfNeeded('config.json');
+        var resource = Resource.createIfNeeded('config.json?_'+Date.now());
         var config = await resource.fetchJson()
 
         bus.$emit('config', config)
@@ -151,9 +151,9 @@ async function main() {
                     find.show = true
                 } else {
                     var addLayer;
-                    if(layer.type === 'geodata'){
+                    if(layer.type === 'geodata' && layer.url){
                         addLayer = renderStyle(ol, createMapboxStreetsV6Style, {
-                            url: layer.name+'/{z}/{x}/{y}.pbf',
+                            url: layer.url+'/{z}/{x}/{y}.pbf',
                             key: "pk.eyJ1IjoibXV5YW8xOTg3IiwiYSI6ImNpcm9ueHd6cjAwNzZoa20xazY1aWlubjIifQ.5tLtC5j1rh8Eqjlyrq3OaA"
                         });
                     }else if(layer.type === 'heatmap'){