fix mapboxgl测量示例的bug。 review by caoxinke

wuzhuorui5 · wuzhuorui5 · commit 575ced3195c9 · 2017-10-12T16:18:28.000+08:00
diff --git a/examples/mapboxgl/01_measure_area.html b/examples/mapboxgl/01_measure_area.html
@@ -52,16 +52,23 @@
     });
     map.addControl(draw,"top-left");
 
-    map.on('draw.create', function (e) {
+    function updateArea(e) {
         var data = draw.getAll();
-        if (data.features.length > 0) {
-            new mapboxgl.supermap.MeasureService(url).measureArea(data, function (serviceResult) {
+        var current=data.features[data.features.length-1];
+            new mapboxgl.supermap.MeasureService(url).measureArea(current, function (serviceResult) {
                 var area = serviceResult.result.area;
                 var rounded_area = Math.round(area * 100) / 100;
                 showAlert(rounded_area + "平方米");
             });
-        }
-    });
+    }
+
+    function removeMsg() {
+        $('#msg_container').remove();
+    }
+
+    map.on('draw.create',updateArea);
+    map.on('draw.delete',removeMsg);
+
     function showAlert(msg) {
         var className = "alert-success";
         if (alertDiv) {
diff --git a/examples/mapboxgl/01_measure_distance.html b/examples/mapboxgl/01_measure_distance.html
@@ -51,17 +51,25 @@
             trash: true
         }
     });
-    map.addControl(draw,"top-left");
 
-    map.on('draw.create', function (e) {
+    map.addControl(draw, "top-left");
+
+    function updateArea(e) {
         var data = draw.getAll();
-        if (data.features.length > 0) {
-            new mapboxgl.supermap.MeasureService(url).measureDistance(data, function (serviceResult) {
-                var distance = serviceResult.result.distance;
-                showAlert(distance + "米");
-            });
-        }
-    });
+        var current = data.features[data.features.length - 1];
+        new mapboxgl.supermap.MeasureService(url).measureDistance(current, function (serviceResult) {
+            var distance = serviceResult.result.distance;
+            showAlert(distance + "米");
+        });
+    }
+
+    function removeMsg() {
+        $('#msg_container').remove();
+    }
+
+    map.on('draw.create', updateArea);
+    map.on('draw.delete', removeMsg);
+
     function showAlert(msg) {
         var className = "alert-success";
         if (alertDiv) {
diff --git a/examples/mapboxgl/dataFlowService.html b/examples/mapboxgl/dataFlowService.html
@@ -21,7 +21,7 @@
     var token = "jDTu8vHZoo9ABgE_IW48UcyYbwBhlOmfIub7gscWjzmiszd0vKC7xtcp8pIcK0eAAzANtETZdaFiE9d1l9Ojtg..";
     mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
 
-    urlDataFlow = wsHost + "/iserver/services/dataflow/dataflow";
+    var urlDataFlow = wsHost + "/iserver/services/dataflow/dataflow";
     var attribution = "<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
         "| Map Data <span>© <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a></span> " + " with <span>© <a href='http://iclient.supermapol.com' target='_blank'>SuperMap iClient</a></span>";
     var dataFlowService;
