Loading an Image to GeoJsonDataSource

CesiumJS
1

I am having trouble with my project due to the new changes. I used to be able to load an image to a DynamicBillBoard and make my defaultPoint loaded from an GeoJsonDataSource. I looked at the new GeoJsonDataSource tutorial in Sandcastle, but wasn't able to find anything useful. Please Help. The old way:

require(['Cesium'], function(Cesium){
   "use strict";

  var viewer = new Cesium.Viewer(‘cesiumContainer’);
  var geojsonSource = new Cesium.GeoJsonDataSource(“geojson”);
  
var url = ‘http://localhost:8080/GeoJSONtoCesium/GeoJSON/posRpt.geojson’;
var defaultPoint = geojsonSource.defaultPoint;
defaultPoint.point = undefined;
var billboard = new Cesium.DynamicBillboard();
billboard.image = new Cesium.ConstantProperty(‘http://localhost:8080/GeoJSONtoCesium/GeoJSON/symbol.png’);
defaultPoint.billboard = billboard;
        geojsonSource.loadUrl(url).then(function(){
            return geojsonSource;
        });
  
          viewer.dataSources.add(geojsonSource);
Sandcastle.finishedLoading();
});

2

We got rid of these properties in an attempt to streamline GeoJSON loading and provide better per-entity customization. I’ve re-written your code to work with 1.0. A similar example (works with polygons, not points) is available here: http://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=GeoJSON%20and%20TopoJSON.html

var viewer = new Cesium.Viewer(‘cesiumContainer’);

var geojsonSource = new Cesium.GeoJsonDataSource(“geojson”);

var billboard = new Cesium.BillboardGraphics();

billboard.image = new Cesium.ConstantProperty('http://localhost:8080/GeoJSONtoCesium/GeoJSON/symbol.png’);

var url = ‘http://localhost:8080/GeoJSONtoCesium/GeoJSON/posRpt.geojson’;

geojsonSource.loadUrl(url).then(function() {

var entities = dataSource.entities.entities;

for (var i = 0; i < entities.length; i++) {

var entity = entities[i];

entity.point = undefined;

entity.billboard = billboard;

}

});

viewer.dataSources.add(geojsonSource);

Hope that helps,

Matt