How can I add 3D model(KML File) which is created through "Google Sketch Up" tool?

CesiumJS
1

Hi friends,

Is it possible to add 3D models(which are created through the "Google Sketup" and saved as KML File) on the globe?
If possible ----- please explain me steps/about it. It will be very helpful to me....
If not possible-- How can I create 3D model which is supported by Cesium Globe.
Please Help me.....

Thanks

2

Model support in Cesium is still in development (on the gltf branch). The official format will be glTF which can be created by running Collada files through the converter maintained by the glTF project. glTF is also still in development.

3

Also see this thread - https://groups.google.com/forum/#!topic/cesium-dev/-KEVPn-cES0

Patrick

4

Ok, I found some geometries demo from here "http://cesium.agi.com/Cesium/Apps/Sandcastle/index.html?src=Cylinder.html". Here geometries are filled with colors, Can I add some texture to that shapes?

5

also take a look at the WallGeometry construct, which allows for
vertical 'walls' to be created

can you share a sample KML file that you'd like to display?

6

Hello,

Here’s an example of a cylinder with a checkerboard material.

var length = 400000.0;

var positionOnEllipsoid = ellipsoid.cartographicToCartesian(Cesium.Cartographic.fromDegrees(-100.0, 40.0));

var modelMatrix = Cesium.Matrix4.multiplyByTranslation(

Cesium.Transforms.eastNorthUpToFixedFrame(positionOnEllipsoid),

new Cesium.Cartesian3(0.0, 0.0, length * 0.5)

);

var cylinder = new Cesium.GeometryInstance({

geometry : new Cesium.CylinderGeometry({

length : length,

topRadius : 200000.0,

bottomRadius : 200000.0,

vertexFormat : Cesium.MaterialAppearance.VERTEX_FORMAT

}),

modelMatrix : modelMatrix,

attributes : {

color : Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.GREEN)

}

});

primitives.add(new Cesium.Primitive({

geometryInstances : cylinder,

appearance : new Cesium.MaterialAppearance({

material : Cesium.Material.fromType(‘Checkerboard’),

closed : true,

translucent: false

})

}));

Does this answer your question?

-Hannah