Posted at
CesiumDay 12

cesiumでgeojson

More than 1 year has passed since last update.


概要

cesiumでgeojsonやってみた。


写真

image.png


サンプルコード

var viewer = new Cesium.Viewer('cesiumContainer');

viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(140.0 + 0.4, 38.0 - 1.0, 100000.0),
orientation: {
heading: Cesium.Math.toRadians(-20.0),
pitch: Cesium.Math.toRadians(-35.0),
roll: 0.0
}
});
var line = {
"type": "Feature",
"properties": {
"line": "on"
},
"geometry": {
"type": "LineString",
"coordinates": [[140.0, 38.0], [140.5, 38.0], [140.5, 38.5], [140.0, 38.0]]
}
};
var json = JSON.stringify(line);
var url = URL.createObjectURL(new Blob([json]));
viewer.dataSources.add(Cesium.GeoJsonDataSource.load(url, {
fill: new Cesium.Color(0, 0, 1, 0.9)
}));


成果物

http://jsdo.it/ohisama1/A2Yj

以上。