// Set your Cesium Ion Access Token Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlYTE1ZjRhOS04OGUwLTQ2MTEtOTg2Yi1jN2ZiZTk0NTlmNjgiLCJpZCI6MTgzOCwiaWF0IjoxNzA5MTgxMDQ2fQ.ftZvKGwBCWxOOLRLB9sqAcYsaktZJSchiOluGwDiTms'; // Initialize Cesium Viewer const viewer = new Cesium.Viewer('cesiumContainer', { baseLayerPicker: false }); // Load the Esri Feature Layer as GeoJSON Cesium.GeoJsonDataSource.load( 'https://services5.arcgis.com/VNhSlpl1umSknM3q/arcgis/rest/services/Watch_Duty_Prescribed_Fires/FeatureServer/0/query?where=1%3D1&outFields=*&returnGeometry=true&f=geojson', { clampToGround: true // Ensures features align with terrain } ).then((dataSource) => { viewer.dataSources.add(dataSource); viewer.flyTo(dataSource); // Apply a simple style const entities = dataSource.entities.values; for (let i = 0; i < entities.length; i++) { const entity = entities[i]; entity.billboard = new Cesium.BillboardGraphics({ image: 'https://upload.wikimedia.org/wikipedia/commons/3/3d/Fire-icon.svg', // Fire icon scale: 0.08 }); } }).catch(error => console.error('Error loading GeoJSON:', error));