Giter VIP home page Giter VIP logo

hiking-trails-app's Introduction

Hiking trails Swiss National Park

This application displays the hiking trails in the Swiss National Park. The Swiss National Park is the most highly preserved area in Switzerland and it is a beloved place to go hiking.

View it live

hiking-trails-app

Features

  • Displaying hikes on a 3D map along with the altitude profile, descriptions and images. The altitude profile is automatically generated from the elevation service used in the map. The images are a selection of images marked under creative-commons license from Flickr.

  • The hikes can be filtered by Difficulty, Category, Walktime and Ascent. These categories are used to describe the degree of difficulty of the trails, according to the Swiss National Park description.

Instructions

  1. Fork and then clone the repo.
  2. Install dependencies with npm install.
  3. Update the config file with your services/data.
  4. Start the development app with npm run start.
  5. The production app can be created with npm run build.

Requirements

  • Notepad or your favorite HTML editor
  • Web browser with access to the Internet

Resources

The following libraries, APIs and datasets were used to make this application:

Disclaimer

This demo application is for illustrative purposes only and it is not maintained. There is no support available for deployment or development of the application.

Contributing

Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.

Licensing

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.

hiking-trails-app's People

Contributors

andreasulmer avatar arnofiva avatar eile avatar jkieboom avatar ralucanicola avatar yannikmesserli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hiking-trails-app's Issues

Fails to load the scene

Trying to use this App for other hiking trails app.
My feature class service:
https://services7.arcgis.com/KkQpjnYuFEzCwMHB/arcgis/rest/services/Granfather_Mountain_trails/FeatureServer/0
config.ts:

export default {
  scene: {
    websceneItemId: "fec5348bcd4f49aa8a9eee37676bfab8"
  },
  data: {
    trailsServiceUrl: "https://services7.arcgis.com/KkQpjnYuFEzCwMHB/arcgis/rest/services/Granfather_Mountain_trails/FeatureServer/0",
    trailAttributes: {
      name: "TRAILNAME",
      id: "OBJECTID",
      difficulty: "Difficulty",
      walktime: "Hiketime",
      status: "Access",
      ascent: "Ascent",
      description: "Descriptio"
    },
    filterOptions: {
      singleChoice: ["difficulty", "status"], // have string values
      range: ["walktime", "ascent"] // have numeric values
    }
  },
  colors: {
    defaultTrail: "#db5353",
    selectedTrail: "#f9a352"
  }
};

it fails to load:
image

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.