Portal ArcGIS /propertytaxes /e911_locator/GeocodeServer YOUYOUR USERS

ArcGIS /propertytaxes /e911_locator/GeocodeServer YOU 868 Granville St, Vancouver, BC V6Z 1K YOUR USERS Portal

ArcGIS /propertytaxes TRADITIONAL APPROACH /e911_locator/GeocodeServer DEVELOPMENT OPTIONS

ArcGIS /propertytaxes TRADITIONAL APPROACH /e911_locator/GeocodeServer DEVELOPMENT OPTIONS

ArcGIS /propertytaxes USE WEB MAP /e911_locator/GeocodeServer Portal Web Map DEVELOPMENT OPTIONS

ArcGIS /propertytaxes USE WEB MAP /e911_locator/GeocodeServer Web Map DEVELOPMENT OPTIONS

ArcGIS /propertytaxes USE WEB MAP Granville St, Vancouver, BC V6Z 1K /e911_locator/GeocodeServer Web Map DEVELOPMENT OPTIONS

ArcGIS USE WEB MAP IN TEMPLATE- BASED APP /e911_locator/GeocodeServer Portal Template Web Map DEVELOPMENT OPTIONS

ArcGIS USE WEB MAP IN APP BUILT BY THE WEB APPBUILDER (WAB) /e911_locator/GeocodeServer Portal WAB-built Web Map DEVELOPMENT OPTIONS

Hosted on portal: – Easy to discover – Featured content and galleries – Access control – oAuth 2.0 authentication – Lots of content Combines basemap and operational layers Set/override layer symbology Configure pop-ups Add bookmarks Add labeling Control Legend content Perform analysis WHAT IS A WEB MAP?

Building Applications Using the ArcGIS API for JavaScript11 Basic JavaScript and the API (with AMD syntax) require(); require(); map.js

Building Applications Using the ArcGIS API for JavaScript12 Basic JavaScript and the API (with AMD syntax) require([]); require([]); map.js array

Building Applications Using the ArcGIS API for JavaScript13 Basic JavaScript and the API (with AMD syntax) require([], function(){...}); require([], function(){...}); map.js array the callback function

Building Applications Using the ArcGIS API for JavaScript14 Basic JavaScript and the API (with AMD syntax) require( [], function(){ } ); require( [], function(){ } ); map.js

Building Applications Using the ArcGIS API for JavaScript15 require( ["esri/map"], function(Map){ var myMap = new Map("divMap"); } ); require( ["esri/map"], function(Map){ var myMap = new Map("divMap"); } ); map.js Basic JavaScript and the API (with AMD syntax) A constructor statement API module alias object index.html

Building Applications Using the ArcGIS API for JavaScript16 require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer"], function(Map, ArcGISDynamicMapServiceLayer){ var myMap = new Map("divMap"); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); myMap.addLayer(lyrUSA); } ); require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer"], function(Map, ArcGISDynamicMapServiceLayer){ var myMap = new Map("divMap"); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); myMap.addLayer(lyrUSA); } ); map.js Basic JavaScript and the API (with AMD syntax)

Building Applications Using the ArcGIS API for JavaScript17 require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function(Map, ArcGISDynamicMapServiceLayer, BorderContainer, ContentPane){ var myMap = new Map("divMap"); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); myMap.addLayer(lyrUSA); } ); require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function(Map, ArcGISDynamicMapServiceLayer, BorderContainer, ContentPane){ var myMap = new Map("divMap"); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); myMap.addLayer(lyrUSA); } ); map.js Basic JavaScript and the API (with AMD syntax)

Building Applications Using the ArcGIS API for JavaScript18 require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function(Map, ArcGISDynamicMapServiceLayer, BorderContainer, ContentPane){ var myMap = new Map("divMap"}); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); myMap.addLayer(lyrUSA); } ); require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function(Map, ArcGISDynamicMapServiceLayer, BorderContainer, ContentPane){ var myMap = new Map("divMap"}); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); myMap.addLayer(lyrUSA); } ); map.js Basic JavaScript and the API (with AMD syntax)

Building Applications Using the ArcGIS API for JavaScript19 require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function(Map, ArcGISDynamicMapServiceLayer, BorderContainer, ContentPane){ var myMap = new Map("divMap", { basemap : "streets", center : [-76.59, 39.29], zoom : 12 }); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); } ); require( ["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function(Map, ArcGISDynamicMapServiceLayer, BorderContainer, ContentPane){ var myMap = new Map("divMap", { basemap : "streets", center : [-76.59, 39.29], zoom : 12 }); var lyrUSA = new ArcGISDynamicMapServiceLayer("..."); } ); map.js Basic JavaScript and the API (with AMD syntax) JSON object