RalucaNicola

function fetchTile(level, row, col) {
    return this._elevation.fetchTile(level, row, col).then(
      function(data) {
        for (let i = 0; i < data.values.length; i++) {
          if (data.values[i] >= 0) {
            data.values[i] = data.values[i] * 60;
          }
          else {
            data.values[i] = data.values[i] * 40;
          }

RalucaNicola

const basemap = new Basemap({
   baseLayers: [
     new TileLayer({
        url: "https://tiles.arcgis.com/tiles/nGt4QxSblgDfeJn9/arcgis/rest/services/terrain_with_heavy_bathymetry/MapServer"
     })
   ]
});

const map = new Map({
   basemap: basemap

RalucaNicola

#viewDiv canvas {
  filter: drop-shadow(0px 0px 5px rgb(86, 72, 31));
}

RalucaNicola

const webscene = new WebScene({
    ground: {
      opacity: 0 // set transparent ground
    }
});

const view = new SceneView({
    container: "viewDiv",
    map: webscene,
    qualityProfile: "high",

RalucaNicola

const view = require("esri/views/View").views.getItemAt(0);
(function() {
  const p = view.camera.position;

  if (p.spatialReference.isWebMercator || p.spatialReference.isWGS84) {
    console.log(`
{
  position: [
    ${p.longitude.toFixed(8)},
    ${p.latitude.toFixed(8)},

RalucaNicola

const hillsLayer = new FeatureLayer({
  url: "https://services2.arcgis.com/cFEFS0EWrhfDeVw9/arcgis/rest/services/HillsZurichDemo/FeatureServer",
  elevationInfo: {
    mode: "absolute-height",
    featureExpressionInfo: {
      expression: "Pow(Geometry($feature).Z, 1.2)"
    }
  },
  renderer: {
    type: "simple",

RalucaNicola

const renderer = {
  type: "simple",
  symbol: {
    type: "polygon-3d",
    symbolLayers: [{
      type: "extrude",
      material: {
        color: [86, 72, 31]
      },
      size: 100

RalucaNicola

const contourLayer = new FeatureLayer({
    url: "https://services2.arcgis.com/cFEFS0EWrhfDeVw9/arcgis/rest/services/ContourLinesZurichDemo/FeatureServer",
    elevationInfo: {
      mode: "absolute-height",
      featureExpressionInfo: {
        expression: "Pow($feature.elevation,1.2)"
      }
    },
    renderer: {
      type: "simple",

RalucaNicola

How do I search for data?

• Search by ${topic} geodata on Google

• Go to a page I already know with data links:

  • Natural Earth: http://www.naturalearthdata.com/downloads/
  • Esri Living Atlas: https://livingatlas.arcgis.com/en/ (mostly for data published as esri services)
  • This awesome list of public geodata: https://freegisdata.rtwilson.com/ (unfortunately hard to keep up to date)

• Search for open data portals of the location I am interested in (most big cities have an open data portal)

  • Recently found: Esri Open Data & A map of open data portals

• Other repos/lists with data:

RalucaNicola

1. Get the index of the layer you want to modify. To do that, run this snippet in the console:

view.map.allLayers.forEach(function(layer, index) {
  console.log(layer.title, "->", index);
});

2. Set the halo color, transparency and size by running the changeHalo function in the console.