This is a fully configurable public facing mapping application that highlights areas through authoritative data feeds and social content, allowing the public to tell a story.
The template can be configured using the following options:
- Map: Choose the web map to use in your application.
- Interactive: Map Notes: An author can describe areas on the map using a map notes layer.
- Responsive: A side drawer is shown when its size can be accommodated. The responsive drawer can be toggled on or off by the user and allows the application to be embedded into blogs and websites.
- Navigation: Home and Locate buttons add ease of map navigation.
- Content: Choose to display geo-located content from Flickr, Twitter, Instagram or Webcams.travel.
- Summary: Briefly describe your application in the "Area" panel.
- Keywords: Use query keywords to search on Flickr or Twitter.
- Search: Enable Searching for addresses and places.
- Share: Share this application through Twitter, Facebook, Google+ or generate HTML for embedding in a blog or website.
- Basemap: Enable toggling between two Esri basemaps.
- Layers: Toggle visibility of layers.
- Legend: Display a legend.
- Bookmarks: Webmap bookmarks can be used to navigate the map.
- About: Display information about the application. The dialog can also be set to open on startup.
- Access and Use Constraints: Display Access and Use Constraints for the webmap in a pop-up dialog when the map opens.
- Download and unzip the .zip file or clone the repository.
- Web-enable the directory.
- Access the .html page.
- Start writing your template!
- To deploy this application, download the template from Portal/ArcGIS Online and unzip it.
- Copy the unzipped folder containing the web app template files, such as index.html, to your web server. You can rename the folder to change the URL through which users will access the application. By default the URL to the app will be
http://<Your Web Server>/<app folder name>/index.html
- Change the sharing host, found in defaults.js inside the config folder for the application, to the sharing URL for ArcGIS Online or Portal. For ArcGIS Online users, keep the default value of www.arcgis.com or specify the name of your organization.
- ArcGIS Online Example:
"sharinghost": location.protocol + "//" + “<your organization name>.maps.arcgis.com
- Portal Example where
arcgisis the name of the Web Adaptor:
"sharinghost": location.protocol + "//" + "webadaptor.domain.com/arcgis"
- ArcGIS Online Example:
"//js.arcgis.com/3.18"and replace this portion of the reference with the url to your local install.
- For example:
arcgisis the name of your Web Adaptor.
- For example:
- Copy a map or group ID from Portal/ArcGIS Online and replace the default web map ID in the application’s index.html page. You can now run the application on your web server or customize the application further.
- Notepad or HTML editor
This application uses a custom webfont created on Fontello. If you're hosting this application on your own server, make sure that it's configured to host the webfont files with the correct mime types. Some servers require a mime type set for these files to be able to serve them correctly. See the following URLs for more information. There is a zip archive of the webfont with it's fontello config in the "resources" folder in this repository.
Find a bug or want to request a new feature? Please let us know by submitting an issue.
Anyone and everyone is welcome to contribute. :)
Copyright 2012 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.txt file.