Ôö¼ÓLeafletµĴóÊý¾Ýͼ²ãµij£Óú¯ÊýÒԼ°¶ÔӦµÄAPI˵Ã÷

Author: 潘卓然-中地数码台式机

demo/leaflet/example/igserverx/socket/taxi.htm

@@ -17,7 +17,7 @@
   <script>
     var map = new L.Map("map", {
       center: new L.LatLng(34.218216, 108.835846),
-      zoom: 15
+      zoom: 13
     });
     var osm = L.tileLayer(
       "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=" +
@@ -33,26 +33,34 @@
       autoPan: true
     });
     var streamLayer = L.zondy.StreamLayer(map, urlData, {
+      pointToLayer: function (geoJsonPoint, latlng) {
+        return L.marker(latlng, {
+          icon: L.icon({
+            iconUrl: '../img/leaflet/marker/bike.png',
+            iconAnchor: [16, 16]
+          })
+        });
+      },
       style: function (feature) {
         return {
-          fillColor: "#ffff00",
+          fillColor: "#ff0000",
           fillOpacity: 1,
-          radius: 10,
+          radius: 3,
           weight: 0
         };
       },
       field: "imei" //这个属性必须传入，如果没有则使用默认字段id
     });
     streamLayer.on("layerupdate", function (result) {
       var feature = result.data;
-      var content = "速度：" + feature.properties.speed + 
-        "公里/时 设备号：" + feature.properties.imei;
-      popup
-        .setLatLng(L.GeoJSON.coordsToLatLng(feature.geometry.coordinates))
-        .setContent(content);
-      if (!popup.isOpen()) {
-        popup.addTo(map);
-      }
+      var content = "速度：" + feature.properties.speed +
+        "公里/时 <br> 设备号：" + feature.properties.imei;
+      /*       popup
+              .setLatLng(L.GeoJSON.coordsToLatLng(feature.geometry.coordinates))
+              .setContent(content);
+            if (!popup.isOpen()) {
+              popup.addTo(map);
+            } */
     });
     streamLayer.addTo(map);
   </script>

demo/leaflet/markdown/dataview/mapv/count_line.md

@@ -1,4 +1,16 @@
 # Mapv API
+
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +488,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/heater.md

@@ -1,4 +1,16 @@
 # Mapv API
+
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +488,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/migrate.md

@@ -1,4 +1,16 @@
 # Mapv API
+
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +488,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/path_converge.md

@@ -1,4 +1,16 @@
 # Mapv API
+
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +488,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/point_animate.md

@@ -1,4 +1,15 @@
 # Mapv API
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +487,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/point_grid.md

@@ -1,4 +1,15 @@
 # Mapv API
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +487,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/point_honeycomb.md

@@ -1,4 +1,15 @@
 # Mapv API
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +487,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/point_mutilanimate.md

@@ -1,4 +1,15 @@
 # Mapv API
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +487,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+    

demo/leaflet/markdown/dataview/mapv/point_weibo.md

@@ -1,4 +1,15 @@
 # Mapv API
+## 常见api
+
+1. 数据操作
+   + addData(data, options)
+   + updateData(data, options)
+2. 图层操作
+   + show()
+   + hide()
+   + destroy()
+   + update()
+
 ## DataSet
 DasetSet是mapv中统一规范的数据对象，用来保存javascript数据对象。可以增删改查数据，并且可以订阅数据修改事件。
 
@@ -476,4 +487,4 @@ var intensity = new mapv.utilDataRangeIntensity({
 ```javascript
     intensity.setMaxSize(100);
 ```
-    
+