diff --git a/demo/fatlines-bottomheight.html b/demo/fatlines-bottomheight.html
index 65ed649..095141e 100644
--- a/demo/fatlines-bottomheight.html
+++ b/demo/fatlines-bottomheight.html
@@ -153,8 +153,8 @@
                                 data = select.data;
                                 baseObject = select.baseObject;
                                 if (baseObject && !baseObject.isAdd) {
-                                    baseObject.setSymbol(highlightmaterial);
                                     threeLayer.addMesh(baseObject);
+                                    baseObject.setSymbol(highlightmaterial);
                                     selectMesh.push(baseObject);
                                 }
                             }
diff --git a/demo/fatlines.html b/demo/fatlines.html
index a88f90f..5d91bf2 100644
--- a/demo/fatlines.html
+++ b/demo/fatlines.html
@@ -167,8 +167,8 @@
                             data = select.data;
                             baseObject = select.baseObject;
                             if (baseObject && !baseObject.isAdd) {
-                                baseObject.setSymbol(highlightmaterial);
                                 threeLayer.addMesh(baseObject);
+                                baseObject.setSymbol(highlightmaterial);
                                 selectMesh.push(baseObject);
                             }
                         }
diff --git a/demo/index.html b/demo/index.html
index 11fa98e..56b3f76 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -75,6 +75,8 @@ <h1>maptalks.three plugin Demos</h1>
     <li><a href="fatline.html">fatline</a></li>
     <li><a href="fatlines.html">fatlines</a></li>
     <li><a href="fatlines-bottomheight.html">fatlines-bottomheight</a></li>
+    <li><a href="path.html">path</a></li>
+    <li><a href="paths.html">paths</a></li>
     <li><a href="point.html">point</a></li>
     <li><a href="point-icon.html">point-icon</a></li>
     <li><a href="points.html">points</a></li>
diff --git a/demo/path.html b/demo/path.html
index 3e8ae80..6abbd92 100644
--- a/demo/path.html
+++ b/demo/path.html
@@ -9,7 +9,7 @@
     <script type="text/javascript" src="https://unpkg.com/maptalks/dist/maptalks.js"></script>
     <script type="text/javascript" src="https://unpkg.com/@maptalks/gl/dist/maptalksgl.js"></script>
     <script type="text/javascript" src="https://unpkg.com/three@0.138.0/build/three.min.js"></script>
-    <script type="text/javascript" src="../dist/maptalks.three.js"></script>
+    <script type="text/javascript" src="https://unpkg.com/maptalks.three@latest/dist/maptalks.three.js"></script>
     <style>
         html,
         body {
diff --git a/demo/paths.html b/demo/paths.html
index 1160464..bc91fe4 100644
--- a/demo/paths.html
+++ b/demo/paths.html
@@ -9,7 +9,7 @@
     <script type="text/javascript" src="https://unpkg.com/@maptalks/gl/dist/maptalksgl.js"></script>
     <script type="text/javascript" src="https://unpkg.com/three@0.138.0/build/three.min.js"></script>
     <script type="text/javascript" src="https://unpkg.com/lz-string@1.4.4/libs/lz-string.min.js"></script>
-    <script type="text/javascript" src="../dist/maptalks.three.js"></script>
+    <script type="text/javascript" src="https://unpkg.com/maptalks.three@latest/dist/maptalks.three.js"></script>
     <script type="text/javascript" src="./js/geoutil.js"></script>
     <script type="text/javascript" src="https://unpkg.com/three@0.138.0/examples/js/libs/stats.min.js"></script>
     <script type="text/javascript" src="./data/nysubways.js"></script>
diff --git a/package.json b/package.json
index fc90ead..8aab457 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "maptalks.three",
-  "version": "0.36.2",
+  "version": "0.37.0",
   "description": "A maptalks Layer to render with THREE.js.",
   "license": "MIT",
   "repository": {