{"id":1424,"date":"2015-09-29T23:40:12","date_gmt":"2015-09-29T23:40:12","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1424"},"modified":"2015-09-29T23:40:12","modified_gmt":"2015-09-29T23:40:12","slug":"cesiumjs-how-to-draw-line-slowly-and-stop-on-left-click","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2015\/09\/cesiumjs-how-to-draw-line-slowly-and-stop-on-left-click\/","title":{"rendered":"Cesiumjs &#8211; How to draw line slowly and stop on left click."},"content":{"rendered":"<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely-1.png\" alt=\"phpmind-cesiumjs-create-lines-slowely-1\" width=\"372\" height=\"391\" class=\"aligncenter size-full wp-image-1425\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely-1.png 372w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely-1-285x300.png 285w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely.png\" alt=\"phpmind-cesiumjs-create-lines-slowely\" width=\"442\" height=\"456\" class=\"aligncenter size-full wp-image-1426\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely.png 442w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/09\/phpmind-cesiumjs-create-lines-slowely-291x300.png 291w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/a><\/p>\n<pre>\r\nvar viewer = new Cesium.Viewer('cesiumContainer');\r\n\r\nvar lon = -120;\r\nvar lat = 35;\r\nfunction getPositions(){\r\n    lon += 0.05;\r\n    return Cesium.Cartesian3.fromDegreesArray([lon, 35, -125, 35]);\r\n}\r\n\r\nvar redLine =  viewer.entities.add({\r\n    polyline : {\r\n        positions : new Cesium.CallbackProperty(getPositions, false),\r\n\r\n        width : 5,\r\n        material : Cesium.Color.RED\r\n    }\r\n});\r\n\r\nvar handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);\r\n\r\nhandler.setInputAction(function() {\r\n    redLine.polyline.positions = Cesium.Cartesian3.fromDegreesArray([-120, 35, -125, 35]);\r\n}, Cesium.ScreenSpaceEventType.LEFT_CLICK);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>var viewer = new Cesium.Viewer(&#8216;cesiumContainer&#8217;); var lon = -120; var lat = 35; function getPositions(){ lon += 0.05; return Cesium.Cartesian3.fromDegreesArray([lon, 35, -125, 35]); } var redLine = viewer.entities.add({ polyline : { positions : new Cesium.CallbackProperty(getPositions, false), width : 5, material : Cesium.Color.RED } }); var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function() { redLine.polyline.positions = Cesium.Cartesian3.fromDegreesArray([-120, 35, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[53,27],"tags":[],"class_list":["post-1424","post","type-post","status-publish","format-standard","hentry","category-cesiumjs","category-javascript"],"_links":{"self":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/comments?post=1424"}],"version-history":[{"count":1,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1424\/revisions"}],"predecessor-version":[{"id":1427,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1424\/revisions\/1427"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}