smart 3d city web apps with the arcgis api for...
TRANSCRIPT
![Page 1: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/1.jpg)
Smart 3D City Web Apps with the
ArcGIS API for JavaScriptPascal Mueller, Michael Van den Bergh
![Page 2: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/2.jpg)
Agenda
• Introduction to Smart 3D Cities – Pascal
• 3D JavaScript API Highlights – Pascal
• An Urban Planning Web App – Michael
- Filtering
- Edge Rendering
- “Polygon” Drawing Tool
• Conclusion & Outlook - Michael
![Page 3: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/3.jpg)
Motivation & Application
Smart 3D Cities
![Page 4: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/4.jpg)
What is a Smart City?
![Page 5: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/5.jpg)
30,800 Cities & Local Governments
32,000 Businesses
11,500 States & Regional Agencies
12,600 NGOs
8,500 Utilities
11,000 Colleges & Universities
1,200 National Government Agencies
OrganizationsOur User Base
![Page 6: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/6.jpg)
Traffic
CaliforniaCaltrans
Public Transit
Washington
Real-Time Parking Availability
Alabama
Traffic Management
Germany
Parking Capacity
North DakotaFargo
UndergroundNetwork Planning
Singapore Land Authority
Monitoring
Urban Heat Islands
Minneapolis
311 Dashboard
MassachusettsBoston
Citizen Problem Reporting
United KingdomSymology Ltd.
![Page 7: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/7.jpg)
Pittsburgh
Income and % Minority
Senior Populations
Traffic and Air
Pollution
Poverty
Urban Observatory
7
Population Modeling
OaklandNic Jay Mapping
Understanding
Kirkland, WA
Walkability Score
Walk to Bus Service
Michigan
UKEGIS
Transit Stop Walk Times
San Francisco Planning
BostonThe Trust for Public Land
New Jersey
Green Infrastructure
![Page 8: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/8.jpg)
Abu Dhabi, UAE
Land Use Planning
Miami-Dade
Urban Design
Gothenburg Sweden
Comprehensive Planning
KoreaKICT
District Revitalization
Oshkosh, WisconsinHouseal Lavinge Associates
Development Review
City Visualization
HelsingborgSweden
Hong Kong
Planning
n-Sphere AGSwitzerland
Noise Simulation
![Page 9: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/9.jpg)
Sensitive Habitats
CaliforniaLos Angeles World Airports
Growth Capacity & Transit Planning
San Francisco
Historical Viewer
VirginiaBlue Raster
“Let’s Plan Together”
New ZealandFar North District Council
My Place Portal
IllinoisAurora
Outreach & Engagement
Public Service Information
China
Transit Corridors
Finland
Smart City Dashboard
Dubai
![Page 10: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/10.jpg)
Take Away Messages
• Smart cities are implementing GIS-based solutions for
both smarter maintenance and smarter development
• Smart cities are going 3D, especially for
planning and engagement
3D web API is required
![Page 11: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/11.jpg)
Relevant 3D Features
ArcGIS API for JavaScript 4.x
![Page 12: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/12.jpg)
City of Helsinki
City of Zurich
Smart Mapping
![Page 13: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/13.jpg)
C-through
City of Zurich
Filtering & Querying
![Page 14: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/14.jpg)
Skyscraper Explorer
Overlays & Labeling
![Page 15: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/15.jpg)
Mobile Support
![Page 16: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/16.jpg)
Edge Rendering
![Page 17: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/17.jpg)
Take Away Messages
• ArcGIS API for JavaScript 4.x integrates very well with
existing GIS, especially Pro
• ArcGIS API for JavaScript 4.7 is snappy fast, supports
mobile, and looks beautiful
3D web API for planning & engagement apps
![Page 18: Smart 3D City Web Apps with the ArcGIS API for …proceedings.esri.com/library/userconf/devsummit18/papers/dev-int... · Smart 3D Cities. What is a Smart City? 30,800 Cities & Local](https://reader037.vdocument.in/reader037/viewer/2022110112/5b94697609d3f2130d8cab63/html5/thumbnails/18.jpg)