{"id":1435,"date":"2015-10-03T02:21:46","date_gmt":"2015-10-03T02:21:46","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1435"},"modified":"2015-10-03T02:21:46","modified_gmt":"2015-10-03T02:21:46","slug":"cesiumjs-how-to-animating-polyline-color","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2015\/10\/cesiumjs-how-to-animating-polyline-color\/","title":{"rendered":"Cesiumjs \u2013 How to Animating  polyline color"},"content":{"rendered":"<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color1.png\" alt=\"phpmind-cesiumjs-animate-polyline-color1\" width=\"678\" height=\"294\" class=\"aligncenter size-full wp-image-1436\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color1.png 678w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color1-300x130.png 300w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color1-624x271.png 624w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color.png\" alt=\"phpmind-cesiumjs-animate-polyline-color\" width=\"765\" height=\"404\" class=\"aligncenter size-full wp-image-1437\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color.png 765w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color-300x158.png 300w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-polyline-color-624x330.png 624w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><\/a><\/p>\n<pre>\r\nvar viewer = new Cesium.Viewer('cesiumContainer');\r\nviewer.entities.add({\r\n    polyline : {\r\n        positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 39, 250000,\r\n                                                               -125, 39, 250000]),\r\n        width : 5,\r\n        material : new Cesium.PolylineOutlineMaterialProperty({\r\n            color : new Cesium.CallbackProperty(\r\n\r\n                function (time, result){\r\n                    return Cesium.Color.fromAlpha(\r\n                            Cesium.Color.RED,\r\n                            (new Date(time).getTime() % 1000) \/ 1000,\r\n                            result);\r\n\r\n             }, false),\r\n            outlineWidth : 2,\r\n            outlineColor : Cesium.Color.BLACK\r\n        })\r\n    }\r\n});\r\n\r\nviewer.zoomTo(viewer.entities);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>var viewer = new Cesium.Viewer(&#8216;cesiumContainer&#8217;); viewer.entities.add({ polyline : { positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 39, 250000, -125, 39, 250000]), width : 5, material : new Cesium.PolylineOutlineMaterialProperty({ color : new Cesium.CallbackProperty( function (time, result){ return Cesium.Color.fromAlpha( Cesium.Color.RED, (new Date(time).getTime() % 1000) \/ 1000, result); }, false), outlineWidth : 2, outlineColor : Cesium.Color.BLACK }) } }); viewer.zoomTo(viewer.entities);<\/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-1435","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\/1435","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=1435"}],"version-history":[{"count":1,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1435\/revisions"}],"predecessor-version":[{"id":1438,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1435\/revisions\/1438"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}