esri / time-aware-template Goto Github PK

Time Aware is a configurable application template that enables you to display time enabled layers in an ArcGIS web map using a time slider.

License: Apache License 2.0

JavaScript 90.27% CSS 6.91% HTML 2.81%

web-application javascript arcgis-online time configurable-app temporal web-development configurable-apps

time-aware-template's Introduction

ArcGIS Configurable Apps will be retired in 2025. The ArcGIS Configurable Apps source code repro is deprecated and will not receive further updates. In addition, this repository will be removed in October 2025, along with the October 2025 ArcGIS Online update. Deprecated: time-aware-template

Time Aware is a configurable application template that enables you to display time enabled layers in an ArcGIS web map using a time slider.

View it live #July 2015 Release Updates Template was re-worked at this release to have a simpler UI and be more configurable. You can now specify a color scheme, change time options and more.

#Features

Time is a configurable application template that enables you to display time enabled layers in an ArcGIS web map using a time slider. The template can be configured with the following option:

Map: Choose the web map used in the application.

Instructions

Download and unzip the .zip file or clone the repository.
Web-enable the directory.
Access the .html page.
Start writing your template!

New to Github? Get started here.

Deploying

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 the config/defaults.js file of 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 arcgis is the name of the Web Adaptor: "sharinghost": location.protocol + "//" + "webadaptor.domain.com/arcgis"

If you are using Portal or a local install of the ArcGIS API for JavaScript, change all references to the ArcGIS API for JavaScript in index.html to refer to your local copy of the API. Search for the references containing "//js.arcgis.com/3.13" and replace this portion of the reference with the url to your local install.

For example: "//webadaptor.domain.com/arcgis/jsapi/jsapi" where arcgis is the name of your Web Adaptor.

Copy a map or group ID from Portal/ArcGIS Online and replace the default web map ID in the application’s default.js file. You can now run the application on your web server or customize the application further.

Note: If your application edits features in a feature service, contains secure services or web maps that aren't shared publicly, or generate requests that exceed 200 characters, you may need to set up and use a proxy page. Common situations where you may exceed the URL length are using complex polygons as input to a task or specifying a spatial reference using well-known text (WKT). For details on installing and configuring a proxy page see Using the proxy. If you do not have an Internet connection, you will need to access and deploy the ArcGIS API for JavaScript documentation from developers.arcgis.com.

#Requirements

Notepad or HTML editor
Some background with HTML, CSS and JavaScript
Experience with the ArcGIS API for JavaScript is helpful.

#Resources

ArcGIS API for JavaScript Resource Center
[ArcGIS Online] (http://www.arcgis.com)
Want to create your own template? View the Application Boilerplate to get started.
[View the Time Aware template on ArcGIS Online] (http://www.arcgis.com/home/item.html?id=24b97891184d4da082ec7d4ab144297e) #Issues Found a bug or want to request a new feature? Please let us know by submitting an issue.

#Contributing Anyone and everyone is welcome to contribute.

#Licensing

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.

time-aware-template's People

Contributors

Stargazers

Watchers

time-aware-template's Issues

Documentation is non-existent

Documentation included with the application download contains no instructions on how to configure the application with user-supplied content. Simply replacing the mapid does not a time-aware-layer make, there are obviously some other steps involved.

Image Layer Projection

A request, not really an issue...
Is there any way to make this available to image layers in multiple different projections?

bug/issue: Web app dates above slider not displaying correctly in IE (

Hi @kellyhutchins

Internet Explorer users are getting a bug where the names of the month are replaced with it's corresponding calender month number (e.g. october is displaying M10). See the image below for further details.

I tested this myself on Internet Explorer v10.0.9200.17116 and got this result. The web appliction in question was built using the current Time Aware template from the ArcGIS online Gallery. See application here:

http://vedur.maps.arcgis.com/apps/OnePane/azuretime/index.html?appid=da54a233cb0d4b679bdf5a1a860d11b9

Any ideas what could be the cause of the problem?

Cheers!

bug/issue: infowindow popup displays data from other locations than where clicked in map

Greetings!

We have encountered an issue with the time aware web map template where if the user clicks on the map the infowindow pops up even if there is no data displayed there. Furthermore the user can scroll through all the visible features on the map using the arrows in the infowindow top right corner and the infowindow still does not move to the right feature. This is very confusing for the average user because he does not realize that he is looking at data from completely different locations. A live production sample that we are publicly using can be found here:

http://vedur.maps.arcgis.com/apps/OnePane/azuretime/index.html?appid=d8aa500193ff4590ae241e7884ae008f

The infowindow should not in the first place pop up and give information unless there is a feature to be found at the location the user clicks and secondly it should not show information available for more features at that location unless there are more features within the snapping/sensor range threshold where the user clicked on the map.

Thanks in advance.
Cheers!

how to add fields to time-aware-template popup window?

Thanks for the July 2015 improvements to this ESRI time-aware-template, which I discovered today, and may help me with my time-slider project involving historical data. Using your template, I was able to fork a copy of your earthquake data sample (https://github.com/JackDougherty/time-aware-template/tree/gh-pages) and host a working demo on GitHub Pages (https://jackdougherty.github.io/time-aware-template/).

Question: Where do I modify the code to insert additional table fields (such as "time") in the popup window? See screenshot below.

Authorization error

I am getting an error on our Time aware map that says that the user is not signed in. It does not necessarily effect the application, but the error shows up when I look at the site with firebug.

http://tplgis.org/OR/WorkingLands/Apps/TA_LUC/
http://tplgis.org/OR/WorkingLands/Apps/TA_FC/

"sharinghost" is in default.js, not index.html

The readme states to change the "sharinghost" url in the index.html, but I found "sharinghost" in default.js

Cumulative display of time-aware data

I was able to set up a a viewer using time-aware-template (thanks for the template!).
https://gaithersburgmd.maps.arcgis.com/apps/TimeAware/index.html?appid=d82d8be587ca48b7a74a7269a5ba3ccf

Is it possible to show cumulative data during an animation? What I envision is that the data points for previous time periods will gray out (or change to muted color), and only the data points for the current, active time-period will show in highlighted color. Please let me know if this is possible to achieve with configuration changes.
If it needs to be custom coded, I appreciate a few pointers on where and what to look for.

Thanks!
Yeon

Wasn't able to use

Hi there,

After being unable to work my own time-slider application using an ArcGIS Online time-enabled map with JS 3.8, I was happy to see this example. But after playing with it for an hour, I was unable to make any web map load.

My first attempt was running the application live. The precipitation data didn't show. The results are in the first screencap.

Next, I attempted to download the zip and ran the application without any modification from my FTP server. Here, I was unable to run the default webmap, nor find the "readme.html" file that is mentioned in the instructions section of this page within the zipfile.

I would love to see a working version of this application and I wish you the best,

Brian