This repository is a fork from participatory-planning on esri. This awesome app is created by Developer Evangelist Arno Fiva at Esri R&D Center Zurich. He explains all details in this blog.
A live version is available here.
I adopted this application for a real "Participatory Planning" discussion in my homwtown Zug in Switzerland. By the year 2022 the area "Brüggli" near to the lake should be redeveloped. The camping place should be removed and there should be more space for sportsperson, bather and
recreation seekers. Details can be found on the goverment page about the "Richtplanung"
Text in german:
"Die Stadt Zug wertet mit dem Kanton und der Korporation Zug das Gebiet Brüggli für die Erholung auf. Der Campingplatz in seiner heutigen Form (fixe Stellplätze) ist bis spätestens 2022 aufzuheben. Der freiwerdende Platz ist für Sportlerinnen und Sportler, Badende und Erholungsuchende aufzuwerten. Die fixe Parkierung südlich der SBB Geleise ist aufzuheben. Mittels
gezielter Aufschüttungen im Zugersee ist die Flachwasserzone ökologisch aufzuwerten und für
die Erholung suchenden erlebbar zu machen. Im Gebiet östlich der Mündung der alten Lorze in
den Zugersee hat der Naturschutz Priorität."
This application allows the citizen to participate and show there solution for this area.
This application is adoptable in the simple following steps and can be used for every "Participatory Planning" in any town.
- Create a new Webscene with data matching the area
- Create a Webscene in ArcGIS Online
- Add some 3D-Data (buildings, trees, ...) for the area
- Capture slides with speaking names (they show up on top of the application)
- Add the id of the new Webscene to the attribute
webSceneId
in the filesrc/index.ts
- Change the coordinates for the planning area in the attribute
planningArea
in the filesrc/index.ts
- Create a new thumbnail and change text and link to the thumbnail in the file
src/ts/App.tsx
- Create a new build and deploy to the webserver with
npm run buid
An interactive 3D web application enabling citizens to engage in urban planning, using the ArcGIS API for JavaScript. This is a non-commercial demo application made by the Esri R&D Center Zurich. It is intended for presentations or as a starting point for new projects.
The app uses various API features such as 3D drawing, glTF import and client-side filtering. The example scene used in the app is located in Dumbo, Brooklyn NY.
On the technical side the app is built using TypeScript, npm and webpack.
A live version is available here.
To run the source code locally, follow these steps:
git clone https://github.com/Esri/participatory-planning.git
cd participatory-planning/
npm install
npm run start # serves application at http://localhost:8080
If you would like to use the app for a different area or city, see the file index.ts for available options.
The following external libraries, APIs, open datasets and specifications were used to make this application:
- ArcGIS API for JavaScript
- Icons from Font Awesome
- Anime.js for animations
- zip.js for extracting glTF models
- Calcite Web
- Sketchfab widget for downloading glTF models
- 3D building model published on the Open Data portal of DoITT under these Terms of use
- Manhattan neighborhoods provided by Catalog Opendata City under a Open Data Commons Attribution License
This demo application is for illustrative purposes only and it is not maintained. The area in Dumbo, Brooklyn NY used in the application is a fictional redevelopment area. There is no support available for deployment or development of the application.
Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.
Copyright 2019 Esri
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
A copy of the license is available in the repository's license.txt file.