support tiles in GeoJSON

mevdschee · mevdschee · commit 4063d3be0fc2 · 2019-07-04T02:07:54.000+02:00
diff --git a/examples/clients/leaflet/geojson-tile-layer.js b/examples/clients/leaflet/geojson-tile-layer.js
@@ -8,23 +8,29 @@
         url: null,
         layer: null,
         features: null,
+        cache: null,
 
         initialize(url, options) {
             this.url = url;
             this.layer = new L.GeoJSON(null, options);
             this.features = {};
+            this.cache = {};
             L.GridLayer.prototype.initialize.call(this, options);
         },
 
         createTile: function (coords) {
             var tile = L.DomUtil.create('div', 'leaflet-tile');
             tile.style['box-shadow'] = 'inset 0 0 2px #f00';
             var url = L.Util.template(this.url, coords);
-            this.ajaxRequest('GET', url, false, this.updateLayers.bind(this));
+            if (this.cache[url]) {
+                this.updateLayers(url, this.cache[url]);
+            } else {
+                this.ajaxRequest('GET', url, false, this.updateLayers.bind(this, url));
+            }
             return tile;
         },
 
-        updateLayers: function(geoData) {
+        updateLayers: function(url, geoData) {
             if (geoData.type == 'FeatureCollection'){
                 for (var i=0;i<geoData.features.length;i++) {
                     var id = geoData.features[i].id;
@@ -33,7 +39,10 @@
                         this.features[id] = true;
                     }
                 }
-            }            
+            }
+            if (!this.cache[url]) {
+                this.cache[url] = geoData;
+            }
         },
 
         onAdd(map) {
diff --git a/examples/clients/leaflet/vanilla.html b/examples/clients/leaflet/vanilla.html
@@ -12,7 +12,6 @@
     <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
 	<script src="geojson-layer.js"></script>
 	<script src="geojson-tile-layer.js"></script>
-	<!--<script src="geojson-tile-layer.js"></script>-->
 </head>
 <body>
 
