A place to learn how to build geo apps with the ArcGIS Platform.
Sign up for a free ArcGIS Developer subscription to complete the labs. The subscription allows you to download software, register apps, import data, create new services, store maps and other content, perform spatial analysis and much, much more.
Note: ArcGIS Organizational accounts can also be used but a free public account cannot be used.
If you're brand new to ArcGIS, we recommend that you use your new developer account to sign into to ArcGIS.com to learn how to make your first map, and developers.arcgis.com to learn how to manage apps. Here are a few other important links:
The labs are divided into modules that you can complete in any order and at your own pace. Choose ones you want to learn, and skip those you already know. You can bring your own data or use what we provide. You can use web maps of your own or build a new one during the lab. If you want to code, dig into APIs and SDKs from Esri and compatible open source libraries. If not, you can still build highly customized production-ready apps using Esri's templates and builders. When you're done, don't forget to share your work!
These labs show you how to use ArcGIS Online to manage all of your data in the cloud. All maps, layers and services referred to as items
. All items contain metadata. With ArcGIS Online you can import datasets, share them, explore the REST API, enrich your data with social-economic information, perform spatial analyses and much, much more.
- Import Data
- Create and Edit Data
- Share Data
- View via REST
- View in a Map
- GeoEnrich Data
- Create Buffers
- Create Walk Areas
- Filter Data
- Create Authenticated Traffic Layer
- CODE: Add a layer to an app
These labs illustrate how to use the Map viewer to create and style web maps. You can create new maps, select different basemaps, search for layers, use smart mapping to change symbol styles, style popups, label data, show/hide fields, filter data, save layers, create new layers and more. Creating a web map with great cartography is important as it serves as the foundation for building better mapping applications.
- Create a New Map
- Style a Map
- Style Popups
- Smart Mapping - Proportional Styling
- Save a Layer
- Vector Basemaps
- Customize Vector Basemap
- Create a new 3D Scene
- CODE: Add a styled layer to an app - Bonus
- CODE: Style a layer with JSON
These labs illustrate how to use ArcGIS app builders, templates and APIs to build custom mapping apps. You can use your web maps with the Web AppBuilder to create an HTML5 responsive app or AppStudio to build and deploy a native app for iOS and Android. Or you can just build a custom app from the ground up with the ArcGIS JS API, Esri-Leaflet or the ArcGIS Runtime APIs.
-
Web Map Apps
-
JS API
-
JS API 4 Beta 3
-
Esri-Leaflet
-
Bootstrap
-
Web AppBuilder Developer Edition
- Login to ArcGIS Online.
- Search for
Geodev Hackerlabs Share
>Search Groups
. - Uncheck
Only search in my account/organization
. - Join the group.
- Share your own items.
- Sign up for a GitHub account (if you don't already have one).
- Let us know what works for you and what doesn't in an issue
- If you're already savvy with git (or want an excuse to start learning), feel free to fork the repo and send us a pull request! There is lots on the web to help you get started, but we especially like the stuff here.
Please see www.civicapps.org, developer.trimet.org/gis and http://www.portlandoregon.gov/bts for the data terms of use.
Copyright 2015 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
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 file.
[](Esri Tags: ArcGIS Web Mapping Leaflet AppBuilder Hackerlabs Labs JavaScript) [](Esri Language: JavaScript)