update examples

examples/index.html

@@ -42,7 +42,7 @@
 
 
     .nav{
-      width: 300px;
+      width: 250px;
       height: 100%;
       overflow: hidden;
       background: #222;
@@ -83,20 +83,18 @@
       overflow-y: auto;
     }
 
-
-
     .example-list-wrapper .desc{
        height: 150px;
     }
 
     .example-list .example-item{
       border-top: 1px  solid #444 ;
-      padding: 10px 0;
     }
 
     .example-list h4{
       padding-left: 20px;
-      margin: 10px 0;
+      font-size: 14px ;
+      margin: 7px 0;
       color: #bcbcbc;
     }
 
@@ -107,11 +105,13 @@
     .example-list ul{
       padding-left: 35px;
       list-style: none;
+      margin-top: 5px;
+      background: #181717;
     }
 
     .example-list ul li{
-      margin: 10px 0;
-      font-size: 15px;
+      margin: 5px 0;
+      font-size: 13px;
     }
 
     .example-list ul li:hover a,.example-list ul li.active a{

examples/layer/cluster_circle.html

@@ -21,7 +21,7 @@
     for (let i = 0; i < num; i++) {
       let lng = 120.38105869 + Math.random() * 0.5
       let lat = 31.10115627 + Math.random() * 0.5
-      list.push(new DC.Position(lng, lat))
+      list.push([lng,lat])
     }
     return list
   }
@@ -30,14 +30,12 @@
     viewer = new DC.Viewer('viewer-container')
     let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP)
     viewer.addBaseLayer( baseLayer)
-    let layer = new DC.ClusterLayer('layer')
-    viewer.addLayer(layer)
-    let positions = generatePosition(10000)
-    positions.forEach(item => {
-      let billboard = new DC.Billboard(item, '../assets/icon/camera.png')
-      layer.addOverlay(billboard)
+    let layer = new DC.ClusterLayer('layer',{
+      image:'../assets/icon/camera.png'
     })
-    viewer.flyTo(layer)
+    layer.setPoints(generatePosition(10000))
+    viewer.addLayer(layer)
+    viewer.flyToPosition("120.62244801448453,31.358576663788927,92653.79773798586,0,-90,0")
   }
   DC.ready({
     baseUrl:'../libs/dc-sdk/resources/'

examples/layer/cluster_clustering.html

@@ -21,7 +21,7 @@
     for (let i = 0; i < num; i++) {
       let lng = 120.38105869 + Math.random() * 0.5
       let lat = 31.10115627 + Math.random() * 0.5
-      list.push(new DC.Position(lng, lat))
+      list.push([lng,lat])
     }
     return list
   }
@@ -30,16 +30,15 @@
     viewer = new DC.Viewer('viewer-container')
     let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP)
     viewer.addBaseLayer( baseLayer)
-    let layer = new DC.ClusterLayer('layer',{style:'clustering'})
-    viewer.addLayer(layer)
-    let positions = generatePosition(10000)
-    positions.forEach(item => {
-      let billboard = new DC.Billboard(item, '../assets/icon/camera.png')
-      layer.addOverlay(billboard)
+    let layer = new DC.ClusterLayer('layer',{
+      image:'../assets/icon/camera.png',
+      style:'cluster'
     })
-    viewer.flyTo(layer)
+    layer.setPoints(generatePosition(10000))
+    viewer.addLayer(layer)
+    viewer.flyToPosition("120.62244801448453,31.358576663788927,92653.79773798586,0,-90,0")
   }
-    DC.ready({
+  DC.ready({
     baseUrl:'../libs/dc-sdk/resources/'
   }).then(initViewer)
 </script>