How can I use Cesium with Ruby on Rails?

11128 · December 3, 2015, 2:19am

Ruby 2.2.1
Ruby on Rails 4.2.1
Cesium 1.15 (install by bower-rails)

I want to use Cesium with Ruby on Rails.
But I couldn't run cesium.

This is my config/application.rb
config.assets.paths << config.root.join('vendor', 'assets', 'bower_components')

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Hello World!</title>
    <style>
      #cesiumContainer {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        font-family: sans-serif;
      }

      html {
        height: 100%;
      }

      body {
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 100%;
      }
    </style>
  </head>
<body>

  <div id="cesiumContainer"></div>
  <script>
    var viewer = new Cesium.Viewer('cesiumContainer');
  </script>
</body>
</html>

application.js
//
//= require cesiumjs/cesium/cesium
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

after that I ran rails server.
I saw this error logs.

Error constructing CesiumWidget.
Visit http://get.webgl.org to verify that your web browser and hardware support WebGL. Consider trying a different web browser or updating your video drivers. Detailed error information is below:

Please tell me how to solve...

Mauricio_Giraldo · December 28, 2015, 11:21pm

were you able to make it work?

i’m in a similar problem

11128 · December 30, 2015, 3:52am

No I can’t make it work yet…

2015年12月29日火曜日 8時21分52秒 UTC+9 Mauricio Giraldo:

Ed_Mackey · January 5, 2016, 3:08pm

Cesium Viewer needs access to the “assets” folder, containing the star map, moon texture, and other odds and ends. The error you posted is saying that Cesium can’t figure out where that stuff is hosted.

Try what the error message suggests you to try: Set a JavaScript global window.CESIUM_BASE_URL = ‘/Cesium’; (or wherever Cesium’s Build folder is being served from). This way, Viewer can find the assets it needs to run.

       --Ed.

Mauricio_Giraldo · January 5, 2016, 4:34pm

ok this now kind of works. added the CESIUM_BASE_URL variable and the map shows up (and no error) but now it cannot find the assets. one example error:

No route matches [GET] “/assets/lib/Workers/cesiumWorkerBootstrapper.js”

this is the current location of the application (URL will change eventually):

http://picfeedback.herokuapp.com/

notice line 18 in the HTML. PIC is the name of my app, which contains all the Cesium code.

Mauricio_Giraldo · January 5, 2016, 4:45pm

ok added a trailing slash to CESIUM_BASE_URL and now i get no network errors

but i still get weird asset behavior

Mauricio_Giraldo · January 5, 2016, 4:56pm

ok got the assets to work again. was embedding the widget.css file wrongly

now to figure out how tho get the rest of the app working…

thanks

11128 · January 7, 2016, 3:24am

Sorry, I couldn’t load Cesium yet…
I put Cesium at app/assets/javascripts/Cesium/Cesium.js

And I wrote
//= require cesium/cesium
//= require jquery

//= require jquery_ujs

//= require turbolinks

//= require_tree .

at app/assets/javascripts/application.js

And then, ERB is

<%= yield %>

And I saw this error

Uncaught ReferenceError: Cesium is not defined

Ed_Mackey · January 7, 2016, 4:07pm

That means you forgot to actually include the Cesium.js script tag in your HTML document.

Mauricio_Giraldo · January 19, 2016, 4:46pm

i forgot to mention that i ended up putting the Cesium js files in /public/assets because it was becoming a nightmare to have things properly mapped/compiled/understood by Rails

maybe there is a better way to do this but it is working so far for me