Resium is library of React components for Cesium

Resium brings React’s component lifecycle to Cesium. The relationship between Cesium elements and React’s lifecycle is as follows.

constructor: The Cesium element is initialized (the Cesium element of some components are initialized at mount time).

render: Nothing is rendered, because the object passed to children via React’s context API does not exist in this time.

componentDidMount: The Cesium element is mounted. After this, forceUpdate is called and re-render children.

render: Children of the component are rendered. DOM never be rendered except root components (Viewer and CesiumWidget).

componentDidUpdate: Changed properties of the Cesium element are updated. If “Cesium read only properties” are changed, the Cesium element will be reinitialized.

componentWillUnmount: The Cesium element is unmounted and destroyed.


An open-source JavaScript library for world-class 3D globes and maps

Overview: CesiumJS is a geospatial 3D mapping platform for creating virtual globes. Our mission is to create the leading web-based globe and map for visualizing dynamic data. We strive for the best possible performance, precision, visual quality, ease of use, platform support, and content.


2016年7月8日(金)に開催されましたFOSS4G 2016 Hokkaidoのハンズオンデイにおいて、当社のスタッフ 石崎が講師を務めました『Cesiumを動かしてみよう』についてレポートします。


Google Earth Proが無償となり高度な機能も無料で使用出来るようになったのですが、2015年12月にGoogle Earth APIが廃止されたため、Web上での3D地球儀表示が出来なくなりました。
そこで、Google Earth APIの代替としてCesiumが注目され、世界的に移行が進んでいます …


本資料は、FOSS4G TOKYO(2015)で使用したものです。 Cesiumでのレイヤ作成と基本的な動作について解説を行ったものです。cesiumでの地図表示として、kmlの読み込みについての解説をしております。

  1. FOSS4GFree & Open Source Software for Geospatial 2015.10.9 TOKYO ~ Cesium ~ NPO法人 伊能社中 西林 直哉 山内 啓之 ハンズオン Cesium入門 kmlをCesiumへ
  2. ~自己紹介~ 西林 直哉 ( Nishibayashi Naoya ) 大阪出身 NPO法人伊能社中 & 環境コンサルタント 地図がすき 民族衣装も好き
  3. こちらのサイトを参考に、 アカウントの作成とソフトをダウンロードしてください
  4. 誰もが楽しめる地球儀 ~Google Earth~
  5. 誰もが楽しめる地球儀 ~Google Earth~ Google earth Proが無償となり、 高度な機能も無料で使えるようになった ・・・しかし 2015年 12月 Google Earth API廃止 Webでの3D地球儀が見れなくなる