{"id":1492,"date":"2015-11-10T02:27:44","date_gmt":"2015-11-10T02:27:44","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1492"},"modified":"2015-11-10T02:27:44","modified_gmt":"2015-11-10T02:27:44","slug":"cesiumjs-how-to-remove-primitives-from-scene","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2015\/11\/cesiumjs-how-to-remove-primitives-from-scene\/","title":{"rendered":"Cesiumjs &#8211; How to remove primitives from scene ?"},"content":{"rendered":"<p><a href=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/11\/cesiumjs-remove-primitives-from-scene.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/11\/cesiumjs-remove-primitives-from-scene.png\" alt=\"cesiumjs-remove-primitives-from-scene\" width=\"892\" height=\"568\" class=\"aligncenter size-full wp-image-1493\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/11\/cesiumjs-remove-primitives-from-scene.png 892w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/11\/cesiumjs-remove-primitives-from-scene-300x191.png 300w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/11\/cesiumjs-remove-primitives-from-scene-624x397.png 624w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<pre>\r\n\r\n var viewer = new Cesium.Viewer('cesiumContainer');\r\n    var scene = viewer.scene;\r\n    var ellipsoid = scene.globe.ellipsoid;\r\n\r\n    var input = {\r\n        id: 'ID1',\r\n        length: 500000,\r\n        topRadius: 300000,\r\n        bottomRadius: 1000\r\n    };\r\n\r\n\r\n    var myPrimitives = [];\r\n\r\n    var instance = new Cesium.GeometryInstance({\r\n        geometry: new Cesium.CylinderOutlineGeometry({\r\n            length: input.length,\r\n            topRadius: input.topRadius,\r\n            bottomRadius: input.bottomRadius,\r\n            slices: 10\r\n        }),\r\n        modelMatrix: Cesium.Matrix4.multiplyByTranslation(Cesium.Transforms.eastNorthUpToFixedFrame(\r\n                Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883)), new Cesium.Cartesian3(0.0, 0.0, 1000000.0), new Cesium.Matrix4()),\r\n        id: input.id,\r\n        attributes: {\r\n            color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.YELLOW)\r\n        }\r\n    });\r\n\r\n\r\n    function arCylinder(ar){\r\n\r\n        if (ar === 'a') {\r\n\r\n            var myPrimitive = new Cesium.Primitive({\r\n\r\n                geometryInstances: instance,\r\n                appearance: new Cesium.PerInstanceColorAppearance({\r\n                    flat: true\r\n                })\r\n            });\r\n\r\n\r\n            myPrimitives.push(myPrimitive);\r\n            scene.primitives.add(myPrimitive);\r\n\r\n        }\r\n\r\n        else if(ar === 'r'){\r\n\r\n            scene.primitives.remove(myPrimitives.pop());\r\n        }\r\n    }\r\n\r\n    Sandcastle.addToolbarButton('Add', function() {\r\n        arCylinder('a');\r\n\r\n    });\r\n\r\n    Sandcastle.addToolbarButton('Remove', function() {\r\n\r\n        arCylinder('r');\r\n    });\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>var viewer = new Cesium.Viewer(&#8216;cesiumContainer&#8217;); var scene = viewer.scene; var ellipsoid = scene.globe.ellipsoid; var input = { id: &#8216;ID1&#8217;, length: 500000, topRadius: 300000, bottomRadius: 1000 }; var myPrimitives = []; var instance = new Cesium.GeometryInstance({ geometry: new Cesium.CylinderOutlineGeometry({ length: input.length, topRadius: input.topRadius, bottomRadius: input.bottomRadius, slices: 10 }), modelMatrix: Cesium.Matrix4.multiplyByTranslation(Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883)), new Cesium.Cartesian3(0.0, 0.0, 1000000.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-1492","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\/1492","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=1492"}],"version-history":[{"count":1,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1492\/revisions"}],"predecessor-version":[{"id":1494,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1492\/revisions\/1494"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}