fix 实时数据服务示例

zhurc · zhurc · commit 096a1178c953 · 2017-11-13T16:23:02.000+08:00
diff --git a/examples/leaflet/dataFlowService.html b/examples/leaflet/dataFlowService.html
@@ -10,11 +10,11 @@
 <script type="text/javascript">
     var host = window.isLocal ? window.server : "http://117.122.248.69:8090";
     var wsHost = "ws:\//" + (window.isLocal ? document.location.hostname + ":8800" : "117.122.248.69:8800");
-    var token = "ObpcGH_Q3L4d6Ow1FLJlbvn-3joeHSL4puxenZr-hBbG3bqnziyGSf705LFwcMWR48cgIBRb5UH1AghE9HVPSQ..";
+    var token = "15xQ_l77895DvXHYKWPesgip1mX0VFiT0Xa5kaPi0WakyfhWyX9QwS6yv3Jn1-ByBvKbkI4wrdFDlZL5X6Utow..";
     var map,
-            urlMap = host + "/iserver/services/map-china400/rest/maps/China",
-            urlQuery = host + "/iserver/services/map-china400/rest/maps/China_4326",
-            urlDataFlow = wsHost + "/iserver/services/dataflow/dataflow";
+        urlMap = host + "/iserver/services/map-china400/rest/maps/China",
+        urlQuery = host + "/iserver/services/map-china400/rest/maps/China_4326",
+        urlDataFlow = wsHost + "/iserver/services/dataflow/dataflow";
     map = L.map('map', {
         preferCanvas: true,
         crs: L.CRS.EPSG3857,
@@ -27,6 +27,7 @@
         SuperMap.SecurityManager.registerToken(urlDataFlow, token);
     }
 
+    var popup = L.popup({offset: L.point(0, 0), autoPan: true});
     //创建DataFlowLayer，创建DataFlowLayer订阅DataFlow并将结果加载到地图上
     var dataFlowLayer = L.supermap.dataFlowLayer(urlDataFlow, {
         style: function (feature) {
@@ -38,10 +39,11 @@
             };
         },
         onEachFeature: function (feature, layer) {
-            L.popup({offset: L.point(0, 0)})
-                    .setLatLng(L.GeoJSON.coordsToLatLng(feature.geometry.coordinates))
-                    .setContent(feature.properties.time)
-                    .openOn(map);
+            popup.setLatLng(L.GeoJSON.coordsToLatLng(feature.geometry.coordinates))
+                .setContent(feature.properties.time);
+            if (!popup.isOpen()) {
+                popup.addTo(map);
+            }
         },
         //geometry:{coordinates:[[[116.381741960923,39.8765100055449],[116.414681699817,39.8765100055449],[116.414681699817,39.8415115329708],[116.381741960923, 39.8415115329708],[116.381741960923,39.8765100055449]]],type:"Polygon"},
         // excludeField:["id"]
@@ -61,14 +63,14 @@
             }
         });
         L.supermap
-                .queryService(urlQuery)
-                .queryBySQL(param, function (serviceResult) {
-                    featureResult = serviceResult;
-                    dataFlowService = L.supermap.dataFlowService(urlDataFlow).initBroadcast();
-                    dataFlowService.on('broadcastSocketConnected', function (e) {
-                        timer = window.setInterval("broadcast()", 2000);
-                    })
-                });
+            .queryService(urlQuery)
+            .queryBySQL(param, function (serviceResult) {
+                featureResult = serviceResult;
+                dataFlowService = L.supermap.dataFlowService(urlDataFlow).initBroadcast();
+                dataFlowService.on('broadcastSocketConnected', function (e) {
+                    timer = window.setInterval("broadcast()", 2000);
+                })
+            });
     }
 
     var count = 200;
