Code Monkey home page Code Monkey logo

configurable-app-examples-4x-js's Introduction

configurable-app-examples-js

Configurable Application Examples using Esri's arcgis-base-js application base and the 4.x series of the ArcGIS API for JavaScript.

(The application-boilerplate-3x-js repository provides an application base using the 3.x series of the ArcGIS API for JavaScript.)

Features

This repository is a collection of example applications; each example is in its own folder:

  • JavaScript applications
    • group-js: ArcGIS Online group lister
    • webmap-js: ArcGIS Online webmap display
    • webscene-js: ArcGIS Online webscene display
  • TypeScript applications

Most of the applications share a reference to the arcgis-base-js application base stored in folder ApplicationBase\. This base handles a lot of the startup work that application need to perform. They also share a web.config file that instructs your IIS server to serve application JSON configuration files.

Other files in the repository are optional configuration files for development tools that we use. Although these are not needed for your development, they are included because they may be useful to you.

  • Standardized editor configuration: .editorconfig
  • JavaScript linting and beautifying: .eslintrc, .jsbeautifyrc
  • Markdown linting: .markdownlintrc
  • Grunt configuration: Gruntfile.js
  • Node.js configuration: package.json
  • TypeScript configuration: tsconfig.json
  • TypeScript linting: tsrules\, tslint.json

Getting started

  1. Fork and then clone the repo.
  2. Set it up in your web server.
  3. Run npm install to install app dependencies
  4. Run examples by referring to their subfolder; e.g., if you put this repository on your server myServer, you would run the webmap-ts example for a webmap with an ArcGIS Online id of 1998592ad23a4b4ca239e7c7cdc4e4b9 using a URL such as
http://myServer/configurable-app-examples-4x-js/webmap-ts/index.html?webmap=1998592ad23a4b4ca239e7c7cdc4e4b9

Example of the webmap-ts application

Requirements

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

Resources

Issues

Find a bug or want to request a new feature? Please let us know by submitting an issue.

Contributing

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

Licensing

Copyright ยฉ 2017-2018 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.

configurable-app-examples-4x-js's People

Contributors

dependabot[bot] avatar driskull avatar jgravois avatar kellyhutchins avatar miketschudi avatar rslibed avatar

Stargazers

 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar

configurable-app-examples-4x-js's Issues

Unable to load WFS layers in app created with this template

I can't see how it can be my own modifications that are responsible for this, so hence I write here hoping to get an answer.

When trying to load a web map with WFS layers I get an error:
image

Can anyone help with this?
Please let me know if I can supply more information to help.

Add Readme

Add readme for samples with links to example previews.

repo tagline should mention ApplicationBase

currently the tagline for this repo is:

Configurable Application Examples using the arcgis-boilerplate-js

if someone with admin ๐Ÿ”‘ s can update it to mention ApplicationBase instead it'd be super helpful.

Hub Ready app

Unless its user error on my part (and it could be) it looks like the hub app is missing some styles. Here's what I see when I run the app:
screen shot 2017-11-13 at 11 21 16 am

fyi @jgravois

base-js and base-ts

these folders are referenced in the README but I don't see them in the master branch - have they been removed?

Getting started and migration instructions needed

We need clearer steps to tell people how to:

  1. Build a new app template from one of the examples: Can you just cut and paste the new source? What about the submodules? Should you start from this repo and rename it? ...

  2. Migrate their previous template to new structure: Is this even possible? Is it full re-write?

Loading icon not disappearing (webmap-ts)

When the map is done loading, the loading icon is still active in the background.
This is visible with certain basemaps, or if the basemap is dragged down (see image).

image

Let me know if I can supply any further information to help with this.

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.