Coder Social home page Coder Social logo

jwasilgeo / esri-choo-example Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 1.0 334 KB

An example Choo application that shows how to use esri-loader to create a custom map view.

License: Apache License 2.0

JavaScript 100.00%
arcgis-api javascript choo choojs esri-loader

esri-choo-example's Introduction

esri-choo-example

An example Choo application that shows how to use esri-loader to create a custom map view.

This approach demonstrates how to build a Choo-focused application with the ArcGIS API for JavaScript. Using esri-loader makes the whole development process straightforward and enjoyable.

This project was originally started and scaffolded out with the help of create-choo-app (v1.11). Then esri-loader was added as an additional project dependency, which allows us to glue together an instance of an ArcGIS API MapView inside of a Choo application view.

TODO: Maybe use nanocomponent in the /esri-map-view Choo route to allow us to properly wait until the component is mounted on the DOM by hooking into Nanocomponent.prototype.load(el).

PROOF:

screenshot

Routes

Route File Description
/ views/main.js The main view
/esri-map-view views/esri-map-view.js Display an Esri MapView with the help of esri-loader
/* views/404.js Display unhandled routes

Commands

Command Description
$ npm start Start the development server
$ npm test Lint, validate deps & run tests
$ npm run build Compile all files into dist/
$ npm run create Generate a scaffold file
$ npm run inspect Inspect the bundle's dependencies

esri-choo-example's People

Contributors

jwasilgeo avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

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.