Comments (7)
Looks like you're using Esri JSAPI version 3.x with Angular version 1.x, correct?
You can definitely accomplish this--no problem--and we have provided documented patterns and workflows that are highly recommended to look at if you haven't had a chance to absorb them yet:
https://arcgis.github.io/angular-esri-map-site-v1/#/patterns (also look at the sub-topic patterns pages there)
Then I'd recommend reviewing this sample for inspiration: https://arcgis.github.io/angular-esri-map-site-v1/#/examples/other-esri-modules
from angular-esri-map.
Hi.
Thanks for your quick reply.
I am using Esri version 3.x with Angular version 4.x
I am unable to find any information on use Esri with Angular 2/4 especially when it comes to display direction routes between two points.
What I need is basically an Angular version of https://developers.arcgis.com/javascript/3/jssamples/widget_directions_basic.html
from angular-esri-map.
In that case what you’re looking for is discussed here:
-
https://github.com/Esri/angular-esri-map/blob/master/README.md#status
-
https://github.com/Esri/angular-esri-map/blob/master/README.md#what-about-angular-2
Ultimately “esri-loader” is what you’ll want to use to get Esri JSAPI inside of an Angular 2+ app.
When it comes specifically to routing, drawing points, and other GIS functionality, it’ll be best to rely on the official Esri docs and samples.
from angular-esri-map.
Hi,
Ok. I will try using the "esri-loader". The Esri docs have samples (link I shared above) but those are for pure JavaScript. Do you think those can easily be ported to Angular 2+ ?
Is there any major or drastic difference at the API levels or is the same with just a difference of names of API?
Please provide your views on the same
from angular-esri-map.
Here's an example of using esri-loader
with Angular 2+ https://github.com/andygup/angular-cli-esri. This sample is in the process of being moved over to github.com/esri.
from angular-esri-map.
Hi Andy,
Thanks to your awesome example, I was able to load an Esri map using Angular 4.
Here is what I exactly need:
I have created an HTML page already that displays an Esri map with pre-loaded points and draws the route between pre-defined points. I have attached the same for your reference.
If you can help me convert this Esri JS API 3.x code into an Angular 2+ equivalent then that would be very helpful. I need to use the same version 3.x for project support purposes and can't move to 4.x. However, if the same is possible in 4.x then its not a problem migrating.
Thanks once again!
from angular-esri-map.
@androidparth90 Glad the sample helped! I just took a quick glance at your code, everything you need for that app is in the 4.x API.
Directions Widget: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Directions.html
SimpleRenderer: https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-SimpleRenderer.html
SimpleMarkerSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
Also, be sure to read these two handy pages on migrating from 3.x to 4.x https://developers.arcgis.com/javascript/latest/guide/migrating/index.html and https://developers.arcgis.com/javascript/latest/guide/functionality-matrix/index.html
from angular-esri-map.
Related Issues (20)
- Cannot use popupTemplate functions HOT 4
- Bower package not working but NPM Is HOT 3
- Critical dependency: the request of a dependency is an expression HOT 5
- Access ArcGIS Online items using OAuthentication - 4.3 HOT 10
- esriLoader.require()'s promise resolve an array failed HOT 1
- Vector Tile Layer not working HOT 2
- Graphics Layer Events Not Raised HOT 4
- Update README w/ status and up to date info on Angular 2(+) HOT 5
- Calcite bootstrap moved our cheese and broke gh-pages site HOT 2
- Minor: Broken CSS in the doc HOT 2
- AngularJS goes into Long Term Support on July 1, 2018 HOT 2
- Map loads only certain tiles HOT 4
- GraphisLayer extent ?? HOT 7
- Short video tutorial HOT 3
- Testing the ArcGIS online sample shows error view.then is undefined HOT 4
- This repository is retired. It will be archived soon (Q4 2020) HOT 1
- Is there a wrapper for Angular2+ HOT 1
- Local csv file upload to csv layer of esri arcgis javascript api 4.12 HOT 8
- File Uploading to csv layer
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-esri-map.