![Layer coding pattern
1. Load module
2. Create layer
3. Specify properties
4. Add layer to map
require(["esri/map",
"esri/layers/FeatureLayer",
"dojo/domReady!"], function(Map,
FeatureLayer)
var featureLayer = new
FeatureLayer("http://
sampleserver6.arcgisonline.com/arcgis/
rest/services/USA/MapServer/2",{
outFields: ["*”]
});
map.addLayer(featureLayer );
ArcGIS API for JavaScript: An Introduction](https://image.slidesharecdn.com/arcgisapiforjavascriptanintroduction-250802072059-85406f77/85/arcgis-api-for-javascript-an-introduction-pdf-15-320.jpg)
![Thank you…
• Please fill out the session survey in your mobile app
• Select [enter session title here] in the Mobile App
- Use the Search Feature to quickly find this title
• Click “Technical Workshop Survey”
• Answer a few short questions and enter any comments
ArcGIS API for JavaScript: An Introduction](https://image.slidesharecdn.com/arcgisapiforjavascriptanintroduction-250802072059-85406f77/85/arcgis-api-for-javascript-an-introduction-pdf-31-320.jpg)
arcgis api for javascript an introduction.pdf
- 1. ArcGIS API for JavaScript An Introduction Kelly Hutchins Heather Gonzago
- 2. Why • Interactive maps • Widgets • Analysis • Lots of samples ArcGIS API for JavaScript: An Introduction
- 3. Learn about the API ArcGIS API for JavaScript: An Introduction
- 4. Developer Setup • IDE (s) • Code Assist • Plugins ArcGIS API for JavaScript: An Introduction
- 5. Widgets, Events, Graphics, Selection Build sample app ArcGIS API for JavaScript: An Introduction
- 6. ArcGIS API for JavaScript: An Introduction
- 7. Get the API • Hosted • Download http://developers.arcgis.com/en/downloads ArcGIS API for JavaScript: An Introduction
- 8. Make a map ArcGIS API for JavaScript: An Introduction
- 9. Loading Modules • Preferred arg alias ArcGIS API for JavaScript: An Introduction
- 10. ArcGIS API for JavaScript: An Introduction
- 11. Scrambled Tiles ArcGIS API for JavaScript: An Introduction
- 12. Basemaps ArcGIS API for JavaScript: An Introduction
- 13. Developer Console ArcGIS API for JavaScript: An Introduction
- 14. Add Layers • Lots of types - Tiled - Dynamic - Graphics - Feature layers - CSV - KML - WMS/WMTS/WFS - Custom layers ArcGIS API for JavaScript: An Introduction
- 15. Layer coding pattern 1. Load module 2. Create layer 3. Specify properties 4. Add layer to map require(["esri/map", "esri/layers/FeatureLayer", "dojo/domReady!"], function(Map, FeatureLayer) var featureLayer = new FeatureLayer("http:// sampleserver6.arcgisonline.com/arcgis/ rest/services/USA/MapServer/2",{ outFields: ["*”] }); map.addLayer(featureLayer ); ArcGIS API for JavaScript: An Introduction
- 16. Demo: Add feature layer to application ArcGIS API for JavaScript: An Introduction
- 17. Deep Dive: Feature Layers • Selection … • Query • Edit • Renderer ArcGIS API for JavaScript: An Introduction
- 18. Renderers ArcGIS API for JavaScript: An Introduction
- 19. Demo: Apply renderer ArcGIS API for JavaScript: An Introduction
- 20. Popups • Add interactivity • Information about .. - A location - A feature - The results of a search • Customizable ArcGIS API for JavaScript: An Introduction
- 21. Demo: Make map interactive ArcGIS API for JavaScript: An Introduction
- 22. Tip: Reduce code by using a web map • esri/arcgis/utils - createMap ArcGIS API for JavaScript: An Introduction
- 23. Widgets • Search • Legend, • Directions, • Print, • Basemap Toggle, • etc ArcGIS API for JavaScript: An Introduction
- 24. Widget coding pattern • Load module • Create widget • Set widget properties • Call startup ArcGIS API for JavaScript: An Introduction
- 25. Demo: Add search widget ArcGIS API for JavaScript: An Introduction
- 26. Demo: Directions widget • Requires credit-based route service ArcGIS API for JavaScript: An Introduction
- 27. Tip: Working with secure resources • Identity Manager • OAuth Support • Proxies ArcGIS API for JavaScript: An Introduction
- 28. Demo: Customize widget appearance ArcGIS API for JavaScript: An Introduction
- 29. Events • Event handlers - Load page, click map, execute task, add layer …. • dojo/on ArcGIS API for JavaScript: An Introduction
- 30. Want to learn more? • Documentation - https://developers.arcgis.com/javascript/ - Dojo documentation • Related Esri Training and Tutorials - Esri class: Building Applications with the ArcGIS API for JavaScript - Esri webinar: Data visualization and time saving tips • Additional Resources - JavaScript online training classes: free and fee-based ArcGIS API for JavaScript: An Introduction
- 31. Thank you… • Please fill out the session survey in your mobile app • Select [enter session title here] in the Mobile App - Use the Search Feature to quickly find this title • Click “Technical Workshop Survey” • Answer a few short questions and enter any comments ArcGIS API for JavaScript: An Introduction