Giter Club home page Giter Club logo

esri / impact-summary-map-template-js Goto Github PK

View Code? Open in Web Editor NEW
25.0 25.0 20.0 5.77 MB

This interactive map highlights who and what has been impacted by this incident and shows the effects of the disaster, its location, and the potential impact it has caused to the infrastructure, businesses, population, and households in and around area of the disaster.

Home Page: http://esri.github.io/impact-summary-map-template-js/

License: Apache License 2.0

JavaScript 85.65% CSS 12.34% HTML 2.01%
arcgis-online arcgis-api javascript disaster web-application

impact-summary-map-template-js's Issues

Unable to save the enriched layer in webmap

@driskull

To save the newly created Enrich Layer in web map:

  1. We need to add newly created Enriched Layer in operational layer array.
  2. Convert the entire web map itemData object into string and then fire the update item query.

But we found that the itemData object obtained from web map breaks while converting it into string.
If this approach doesn't work we have to create the itemData object(for operational layers and base map) manually but we think this is not the correct approach.

webmapjson

Your inputs will really help us.

Thanks!

Mask everything but the selected feature

In order to make more apparent which feature is selected, we would like a mask to be applied. the mask should either be dark or light depending on the theme.

Also, remove the slash on selected feature

Screenshots are below

3
4
5
6

Use Data Browser to select variables for geoenrichment

Hi @CTDisasterManagement Here is a sample of the data browser widget. We are going to use this to select variables for enrichment.

Once we have a design completed, we can use this. No action at this time.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>Data Browser</title>
    <style>
        html,
        body,
        .app,
        .map {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: 'Segoe UI';
            font-size: 13px;
            background-color: #f9f9f9;
        }
    </style>
</head>
<body class="claro">
    <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/claro/claro.css" />
    <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css" />
    <script src="http://js.arcgis.com/3.10/"></script>
    <script>
        var dataBrowser;
        require([
            "esri/dijit/geoenrichment/DataBrowser",
            "dojo/on",
            "dojo/domReady!"
        ], function (
            DataBrowser,
            on
        ) {
            dataBrowser = new DataBrowser({
                okButton: 'ok',
                backButton: 'back', //Back button text. Can be set to -null- which should hide the button.
                cancelButton: 'cancel', //Cancel button text. Can be set to -null- which should hide the button.
                countryBox: true, //Show/hide country dropdowm
                selection: ["KeyUSFacts.TOTPOP_CY", "KeyUSFacts.TOTHH_CY"], //Array of currently selected variables
                countryID: "US"
            }, "dataBrowser");
            dataBrowser.startup();
            on(dataBrowser, 'ok', function (evt) {
                var selection = dataBrowser.selection;
                console.log(selection);

            });
            on(dataBrowser, 'back', function (evt) {
                var selection = dataBrowser.selection;
                console.log(selection);
            });
            on(dataBrowser, 'cancel', function (evt) {
                var selection = dataBrowser.selection;
                console.log(selection);
            });
        });
    </script>
    <div id="dataBrowser"></div>
</body>
</html>

Question related to displaying Rendered Area info.

Hi @driskull, we just wanted to confirm few scenarios related to Application settings-

  • As discussed on call, we will hide the renderer info from the left panel if User switch off the ‘Rendered Area’ option.
  • If the visibility of ‘Rendered Area’ is switched off, 'Entire Area' should also be turned off as it is part of Renderer.
  • On mouse hover on the left panel, if a User selects off, it will switch off all the renderer information from left panel.

image

Thanks!

Popup showing for layer when other features clicked.

Yeah, it’s a bug that the popup for that layer is showing since the popup is being replaced by the blocks at the bottom. No popups for that layer should be showing.

-Matt

Matt Driscoll | Web Developer
Esri | 380 New York Street | Redlands, CA 92373 | USA
T 909 793 2853 x3587 | [email protected] | esri.com

From: Ian Wittenmyer [email protected]
Date: Friday, December 5, 2014 at 10:44 AM
To: Scott Whittington [email protected], Sajit Thomas [email protected], Matt Driscoll [email protected]
Cc: Kelly Hutchins [email protected]
Subject: RE: Question about expected behavior with Pop-Ups in Impact summary App

I believe the expected behavior for the summary layer is to update the data in the stats boxes at the bottom of the app when a feature is selected and indicate which classification it falls within on the about tab, the app is essentially over riding the default popup behavior.

It’s likely a bug that the polygon popup is accessible when the point intersecting point is clicked, because the app probably isn’t listening for the polygon to be selected via this workflow. In this screenshot below you can see two selected polygons, the data in the stats boxes is coming from the selected polygon at the bottom of the data set.

Matt, can you verify the expected behavior?

e9f891aa-7cb0-11e4-853b-6ba0214a0609

Selection on load is not correct

App: http://www.arcgis.com/apps/ImpactSummary/index.html?appid=2f7a9bfdef4d4af491ea4debcce48d84

Web Map: 2ec37d41bced4284b30a8471f613d7a1

The app is configured using the Ascending setting...

image

Yet - the default feature highlighted is the Bald Fire (2nd from bottom) - I would expect that it would be the top most layer.

image

Also - what field is it using for sorting - it does not appear to be alphabetical?

This is a live map being used for disaster response - so you may want to make a copy and reproduce on your own.

Need ability to choose what variables to sum

I need a way to show the median income for an entire area without the app summing the total median income across 5 different zones. Perhaps add an ability to choose the statistic used for the "entire area" stats. Any variable that provides an average or median value will be incorrectly summed for the entire area.

impactmap_sum

'Cancel' button saves the changes in Data Browser widget.

In AGOL Data Browser widget, currently Cancel also saves the changes.

Since we only have Cancel button on Home page of Data Browser, if User makes any changes in the Cart (top right), there is no way to save those changes. We need a way to have Apply button on home screen to save changes.

Map Note legends

image

image

When I use map notes in the Impact Summary map, it provides a legend that does not represent what it is on the map.

Web map: http://bit.ly/1myQ1Qn
App ID: d278e781c48c42a19ee211db666800fc
Map Note: http://www.arcgis.com/home/item.html?id=d94d52ca31104c50bf4c56101e67513b (this was made in another web map using the "Save Layer" function from a map note).

I will hide the legend in the web map for now (it is a public facing map) but please test and see if you can replicate.

This may be an ArcGIS Online issue not specific to this application.

Issue viewing app if you are logged into another org

I have created an app using the template and shared it publicly. This works great for anonymous uses and members of my org but if a user is logged into another org and trys accessing the app they get an error saying they do not have access.

I suspect this is a result of the check it does to decide if it gives access to builder mode.

Can this be fixed please?

Add builder setting to switch between light and dark theme

In order to work well with the basemap of the application, a light and dark theme for the blocks are necessary.

There would need to be an option when configuring the application to switch between these.

These styles should replace the different color blocks.

See screenshots below:

3
4
5
6

ISM colors rendering changed when selected

But then they are changing color of the last selected group. So colors of the lines start to not match the legend.

Patrick Huls | Technical Evangelist
Esri | 380 New York St. | Redlands CA 92373
T 909.793.2853 x6118 | M 909.253.9560
[email protected] | esri.com
LinkedIn: Patrick Huls | Twitter:@TechEvangeli5t | GeoNet: PHuls-esristaff

On Sep 24, 2014, at 1:59 PM, Matt Driscoll [email protected] wrote:

The lines are just getting selected

Matt Driscoll | Web Developer
Esri | 380 New York Street | Redlands, CA 92373 | USA
T 909 793 2853 x3587 | [email protected] | esri.com

From: Patrick Huls [email protected]
Date: Wednesday, September 24, 2014 at 12:16 PM
To: Paul Doherty [email protected], Matt Driscoll [email protected]
Subject: ISM Going Nuts

Were there any updates to the ISM that would affect symbology? Whenever I click a symbol type in my list all of the colors are switching on the map. Check it out, the colors keep switching around.

http://telecomrc.maps.arcgis.com/home/item.html?id=e859a61ecbf64f768d342e5dd7691d00

Patrick Huls | Technical Evangelist
Esri | 380 New York St. | Redlands, CA 92373 | USA
T 909.793.2853 x6118 | M 909.253.9560 | [email protected] | esri.com
LinkedIn: Patrick Huls | Twitter: @TechEvangeli5t| GeoNet: PHuls-esristaff

_9168 on the feature service id

This is a great piece of work! I got it running but I still don't understand the _9168 reference at the end of the summary layer/feature service? I have never seen that in AGOL.
"summaryLayer":{
"id": "XXXXXXXXXXXXXXXXXX_9168"

Thanks for sharing this work. My goal is to get it running for my Org, then if there is uptake with the idea may extend and contribute with my developers.

James Ashton

This is a test

This is a test to see how quickly we are notified of "issues" during our meeting.

Data Requirements? Non-enriched sources allowed?

Hello,

I'm looking to utilize the impact summary for a slightly different purpose - to give interactive asset statistics for our rail lines.

For example, if a user clicked on a rail line the information boxes would show statistics such as number of bridges, crossings, or culverts. I've created a new feature service containing numeric fields but the application won't let me select it as the source.

  1. What are the requirements for the data source?
    • What type of numeric fields are accepted? Double? Short? Long? Float?
    • Or does the app just look at specific column names?
    • What version of ArcServer is required?
    • Does it have to be a feature service, a map service, or a hosted feature service?
    • Are there are other requirements not mentioned?
  2. Can this tool be modified to allow polylines?

Thanks,
~Stephen

Selected Features

Hi @CTDisasterManagement

I'm not seeing all features being selected in both examples:

Some are selected in this one.
screen shot 2014-06-20 at 11 09 11 am

None are selected in this one.
screen shot 2014-06-20 at 11 09 43 am

appid=6871cacae08848aea61a44ae48afc661&webmap=99c4beff9b9642d4b6d0fd07e15b32bc

Also, why is the selected border color now blue again? Didnt we have a black border for the dark theme and a white border for the light?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.