{"id":1431,"date":"2015-10-03T02:03:43","date_gmt":"2015-10-03T02:03:43","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1431"},"modified":"2015-10-03T02:03:43","modified_gmt":"2015-10-03T02:03:43","slug":"cesiumjs-how-to-animating-multipolygons","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2015\/10\/cesiumjs-how-to-animating-multipolygons\/","title":{"rendered":"Cesiumjs &#8211; How to Animating Multipolygons"},"content":{"rendered":"<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone2.png\" alt=\"phpmind-cesiumjs-animate-poygone2\" width=\"613\" height=\"430\" class=\"aligncenter size-full wp-image-1432\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone2.png 613w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone2-300x210.png 300w\" sizes=\"auto, (max-width: 613px) 100vw, 613px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone.png\" alt=\"phpmind-cesiumjs-animate-poygone\" width=\"649\" height=\"424\" class=\"aligncenter size-full wp-image-1433\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone.png 649w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone-300x196.png 300w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/10\/phpmind-cesiumjs-animate-poygone-624x408.png 624w\" sizes=\"auto, (max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<pre>\r\nvar viewer = new Cesium.Viewer('cesiumContainer');\r\n\r\nvar greenCylinder = viewer.entities.add({\r\n    name : 'Green cylinder with black outline',\r\n    position: Cesium.Cartesian3.fromDegrees(-100.0, 40.0, 200000.0),\r\n    cylinder : {\r\n        length : 400000.0,\r\n        topRadius : 200000.0,\r\n        bottomRadius : 200000.0,\r\n        material : Cesium.Color.GREEN.withAlpha(0.5),\r\n        outline : true,\r\n        outlineColor : Cesium.Color.DARK_GREEN\r\n    }\r\n});\r\n\r\nvar redCone = viewer.entities.add({\r\n    name : 'Red cone',\r\n    position: Cesium.Cartesian3.fromDegrees(-105.0, 40.0, 200000.0),\r\n    cylinder : {\r\n        length : 400000.0,\r\n        topRadius : 0.0,\r\n        bottomRadius : 200000.0,\r\n        material : new Cesium.ColorMaterialProperty(\r\n            new Cesium.CallbackProperty(\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                }, false))\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;); var greenCylinder = viewer.entities.add({ name : &#8216;Green cylinder with black outline&#8217;, position: Cesium.Cartesian3.fromDegrees(-100.0, 40.0, 200000.0), cylinder : { length : 400000.0, topRadius : 200000.0, bottomRadius : 200000.0, material : Cesium.Color.GREEN.withAlpha(0.5), outline : true, outlineColor : Cesium.Color.DARK_GREEN } }); var redCone = viewer.entities.add({ name : &#8216;Red cone&#8217;, position: Cesium.Cartesian3.fromDegrees(-105.0, 40.0, 200000.0), [&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-1431","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\/1431","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=1431"}],"version-history":[{"count":1,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1431\/revisions"}],"predecessor-version":[{"id":1434,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1431\/revisions\/1434"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}