diff --git a/examples/vtkjs/main.js b/examples/vtkjs/main.js index b03b0ceb4e..3aabb1d9a1 100644 --- a/examples/vtkjs/main.js +++ b/examples/vtkjs/main.js @@ -1,19 +1,8 @@ -var exampleDebug = {}; - // Run after the DOM loads $(function () { - 'use strict'; - - var capitals; - $.when( - /* Fetch capitals */ - $.ajax({url: 'capitals.json'}).done(function (resp) { - capitals = resp; - }) - ).then(function () { - - // Set map defaults to a reasonable center and zoom level - var mapParams = { + $.ajax({url: 'capitals.json'}).done(function (capitals) { + // Create a map object with reasonable center and zoom level + var map = geo.map({ node: '#map', center: {x: 0, y: 0}, zoom: 2.5, @@ -21,49 +10,29 @@ $(function () { clampBoundsY: false, clampZoom: false, discreteZoom: false - }; - // Set the tile layer defaults - var layerParams = { + }); + // Add the tile layer with the specified parameters + map.createLayer('osm', { zIndex: 0, minLevel: 4, keepLower: true, wrapX: false, wrapY: false - }; - // Create a map object - var map = geo.map(mapParams); - // Add the tile layer with the specified parameters - var osmLayer = map.createLayer('osm', layerParams); - // Set the vtk feature layer params - var vtkLayerParams = { - renderer: 'vtkjs' - }; + }); // Create a vtk point feature layer - var vtkLayer = map.createLayer('feature', vtkLayerParams); - var pointFeature = vtkLayer - .createFeature('point', { - selectionAPI: true, - style: { - radius: 100, // sphere radius (~0.1km) - fillColor: 'red', - fillOpacity: function () { - return Math.random(); - } - } - }) - .data(capitals) // bind data + var vtkLayer = map.createLayer('feature', { renderer: 'vtkjs' }); + vtkLayer.createFeature('point', { + selectionAPI: true, + style: { + radius: 100, // sphere radius (~0.1km) + fillColor: 'red', + fillOpacity: Math.random + } + }) + .data(capitals) // bind data .position(function (d) { - return {x: d.longitude, y: d.latitude}; // position accessor + return {x: d.longitude, y: d.latitude}; // position accessor }) .draw(); - - // Make variables available as a global for easier debug - exampleDebug.map = map; - exampleDebug.mapParams = mapParams; - exampleDebug.layerParams = layerParams; - exampleDebug.osmLayer = osmLayer; - exampleDebug.vtkLayerParams = vtkLayerParams; - exampleDebug.vtkLayer = vtkLayer; - exampleDebug.pointFeature = pointFeature; }); });