topic Mobile question in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/mobile-question/m-p/547820#M50982 <HTML><HEAD></HEAD><BODY><SPAN>Hey everybody,</SPAN><BR /><BR /><SPAN>I was wondering if there is a command I can use within a function that will switch to the map view.</SPAN><BR /><BR /><SPAN>This is the code I have so far:</SPAN><BR /><BR /><PRE class="plain" name="code">&lt;!doctype html&gt; &lt;html&gt; &nbsp; &lt;head&gt; &nbsp;&nbsp;&nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &nbsp;&nbsp;&nbsp; &lt;!-- On iOS, as part of optimizing your web application, have it use the &nbsp;&nbsp;&nbsp; standalone mode to look more like a native application. When you use this &nbsp;&nbsp;&nbsp; standalone mode, Safari is not used to display the web content???specifically, &nbsp;&nbsp;&nbsp; there is no browser URL text field at the top of the screen or button bar &nbsp;&nbsp;&nbsp; at the bottom of the screen. --&gt; &nbsp;&nbsp;&nbsp; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &nbsp;&nbsp;&nbsp; &lt;!-- Controls the dimensions and scaling of the browser window in iOS, &nbsp;&nbsp;&nbsp; Android, webOS, Opera Mini, Opera Mobile and Blackberry. width: controls &nbsp;&nbsp;&nbsp; the width of the viewport initial-scale: controls the zoom level when the &nbsp;&nbsp;&nbsp; page is first loaded maximum-scale: control how users are allowed to zoom &nbsp;&nbsp;&nbsp; the page in or out user-scalable: control how users are allowed to zoom &nbsp;&nbsp;&nbsp; the page in or out --&gt; &nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt; &nbsp;&nbsp;&nbsp; &lt;!-- Sets the style of the status bar for a web application when in standalone &nbsp;&nbsp;&nbsp; mode --&gt; &nbsp;&nbsp;&nbsp; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"&gt; &nbsp;&nbsp;&nbsp; &lt;title&gt;Getting Started - Mobile&lt;/title&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css"&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="css/main.css"&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;script&gt;var dojoConfig = { mblAlwaysHideAddressBar: true };&lt;/script&gt; &nbsp;&nbsp;&nbsp; &lt;script src="http://js.arcgis.com/3.9compact/"&gt;&lt;/script&gt; &nbsp;&nbsp;&nbsp; &lt;script&gt; &nbsp;&nbsp;&nbsp; require(["esri/map", "dojox/mobile", "dojox/mobile/parser", "esri/sniff",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojox/mobile/deviceTheme", "dojo/dom", "dijit/registry", "dojo/on", "esri/dijit/Geocoder", "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/symbols/SimpleFillSymbol", "esri/Color", "esri/graphic", "dojo/on", "dojo/dom", "dijit/registry", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojox/mobile/ToolBarButton", "dojox/mobile/View", "dojox/mobile/ContentPane"], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function(Map, mobile, parser, has, dTheme, dom, registry, on, Geocoder, SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, Color, Graphic, on, dom, registry) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parser.parse(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mobile.hideAddressBar();&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var map = new esri.Map("map", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemap: "hybrid", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; center: [-80.734, 28.800], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoom: 10, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; slider: false &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.on("load", mapLoadHandler);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var resizeEvt = (window.onorientationchange !== undefined &amp;&amp; !has('android')) ? "orientationchange" : "resize"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; on(window, resizeEvt, resizeMap);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function mapLoadHandler(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resizeMap(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; registry.byId('mapView').on('AfterTransitionIn', resizeMap); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function resizeMap() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mobile.hideAddressBar(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; adjustMapHeight(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.resize(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.reposition(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function adjustMapHeight() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var availHeight = mobile.getScreenSize().h - registry.byId('header').domNode.clientHeight - 1; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (has('iphone') || has('ipod')) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; availHeight += iphoneAdjustment(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dom.byId("map").style.height = availHeight + "px"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function iphoneAdjustment() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var sz = mobile.getScreenSize(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (sz.h &gt; sz.w) { //portrait &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Need to add address bar height back to map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return screen.availHeight - window.innerHeight - 40; /* 40 = height of bottom safari toolbar */ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else { //landscape &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Need to react to full screen / bottom bar visible toggles &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var _conn = on(window, 'resize', function() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; _conn.remove(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resizeMap(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return 0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder = new Geocoder ({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arcgisGeocoder: false, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoders: [ { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: "http://gis.brevardcounty.us/gissrv/rest/services/Geocode/Address_Locator_WKID2881/GeocodeServer", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: "Brevard County", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; placeholder: "Find a place", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outfields: "*" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map:map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "geocodeDiv"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.on("select", showLocation); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.on("find-results", showMap); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.on("hide", doclear2); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showLocation(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.clear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var point = evt.result.feature.geometry; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var symbol = new SimpleMarkerSymbol() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setStyle("square") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setColor(new Color([255,0,0,0.5])); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var graphic = new Graphic(point, symbol); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.add(graphic); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setTitle("Search Result"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setContent(evt.result.name); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.show(evt.result.feature.geometry); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.resize(180, 100); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showMap(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; moveTo:'mapView'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function doclear2(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.clear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.hide(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp; &lt;/script&gt; &nbsp; &lt;/head&gt; &nbsp; &lt;body&gt; &nbsp;&nbsp;&nbsp; &lt;div id="mapView" data-dojo-type="dojox.mobile.View" data-dojo-props="selected: true"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="header" data-dojo-type="dojox.mobile.Heading"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="aboutButton" data-dojo-type="dojox.mobile.ToolBarButton" style="float: right;" moveTo="aboutView"&gt;About&lt;/div&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="addressButton" data-dojo-type="dojox.mobile.ToolBarButton" style="float: left;" moveTo="addressView"&gt;Search&lt;/div&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="mapContainer" data-dojo-type="dojox.mobile.ContentPane"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="map"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div id="aboutView" data-dojo-type="dojox.mobile.View"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="back:'Map', moveTo:'mapView'"&gt;About&lt;/h1&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p style="padding: 5px;"&gt;This area can contain address information about your application.&lt;/p&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="addressView" data-dojo-type="dojox.mobile.View"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="back:'Map', moveTo:'mapView'"&gt;Address&lt;/h1&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p style="padding: 5px;"&gt;Type in an Address&lt;/p&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="geocodeDiv"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp; &lt;/body&gt; &lt;/html&gt;</PRE><BR /><BR /><SPAN>I want the showMap function to bring me back to the map view.</SPAN><BR /><BR /><SPAN>Any help is appreciated!</SPAN><BR /><BR /><SPAN>Thanks,</SPAN><BR /><BR /><SPAN>Tim</SPAN></BODY></HTML> Wed, 14 May 2014 17:28:09 GMT TimWitt 2014-05-14T17:28:09Z Mobile question https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/mobile-question/m-p/547820#M50982 <HTML><HEAD></HEAD><BODY><SPAN>Hey everybody,</SPAN><BR /><BR /><SPAN>I was wondering if there is a command I can use within a function that will switch to the map view.</SPAN><BR /><BR /><SPAN>This is the code I have so far:</SPAN><BR /><BR /><PRE class="plain" name="code">&lt;!doctype html&gt; &lt;html&gt; &nbsp; &lt;head&gt; &nbsp;&nbsp;&nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &nbsp;&nbsp;&nbsp; &lt;!-- On iOS, as part of optimizing your web application, have it use the &nbsp;&nbsp;&nbsp; standalone mode to look more like a native application. When you use this &nbsp;&nbsp;&nbsp; standalone mode, Safari is not used to display the web content???specifically, &nbsp;&nbsp;&nbsp; there is no browser URL text field at the top of the screen or button bar &nbsp;&nbsp;&nbsp; at the bottom of the screen. --&gt; &nbsp;&nbsp;&nbsp; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &nbsp;&nbsp;&nbsp; &lt;!-- Controls the dimensions and scaling of the browser window in iOS, &nbsp;&nbsp;&nbsp; Android, webOS, Opera Mini, Opera Mobile and Blackberry. width: controls &nbsp;&nbsp;&nbsp; the width of the viewport initial-scale: controls the zoom level when the &nbsp;&nbsp;&nbsp; page is first loaded maximum-scale: control how users are allowed to zoom &nbsp;&nbsp;&nbsp; the page in or out user-scalable: control how users are allowed to zoom &nbsp;&nbsp;&nbsp; the page in or out --&gt; &nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt; &nbsp;&nbsp;&nbsp; &lt;!-- Sets the style of the status bar for a web application when in standalone &nbsp;&nbsp;&nbsp; mode --&gt; &nbsp;&nbsp;&nbsp; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"&gt; &nbsp;&nbsp;&nbsp; &lt;title&gt;Getting Started - Mobile&lt;/title&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css"&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="css/main.css"&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;script&gt;var dojoConfig = { mblAlwaysHideAddressBar: true };&lt;/script&gt; &nbsp;&nbsp;&nbsp; &lt;script src="http://js.arcgis.com/3.9compact/"&gt;&lt;/script&gt; &nbsp;&nbsp;&nbsp; &lt;script&gt; &nbsp;&nbsp;&nbsp; require(["esri/map", "dojox/mobile", "dojox/mobile/parser", "esri/sniff",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojox/mobile/deviceTheme", "dojo/dom", "dijit/registry", "dojo/on", "esri/dijit/Geocoder", "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/symbols/SimpleFillSymbol", "esri/Color", "esri/graphic", "dojo/on", "dojo/dom", "dijit/registry", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojox/mobile/ToolBarButton", "dojox/mobile/View", "dojox/mobile/ContentPane"], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function(Map, mobile, parser, has, dTheme, dom, registry, on, Geocoder, SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, Color, Graphic, on, dom, registry) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parser.parse(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mobile.hideAddressBar();&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var map = new esri.Map("map", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemap: "hybrid", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; center: [-80.734, 28.800], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoom: 10, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; slider: false &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.on("load", mapLoadHandler);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var resizeEvt = (window.onorientationchange !== undefined &amp;&amp; !has('android')) ? "orientationchange" : "resize"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; on(window, resizeEvt, resizeMap);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function mapLoadHandler(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resizeMap(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; registry.byId('mapView').on('AfterTransitionIn', resizeMap); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function resizeMap() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mobile.hideAddressBar(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; adjustMapHeight(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.resize(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.reposition(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function adjustMapHeight() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var availHeight = mobile.getScreenSize().h - registry.byId('header').domNode.clientHeight - 1; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (has('iphone') || has('ipod')) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; availHeight += iphoneAdjustment(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dom.byId("map").style.height = availHeight + "px"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function iphoneAdjustment() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var sz = mobile.getScreenSize(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (sz.h &gt; sz.w) { //portrait &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Need to add address bar height back to map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return screen.availHeight - window.innerHeight - 40; /* 40 = height of bottom safari toolbar */ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else { //landscape &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Need to react to full screen / bottom bar visible toggles &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var _conn = on(window, 'resize', function() { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; _conn.remove(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resizeMap(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return 0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder = new Geocoder ({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arcgisGeocoder: false, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoders: [ { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: "http://gis.brevardcounty.us/gissrv/rest/services/Geocode/Address_Locator_WKID2881/GeocodeServer", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: "Brevard County", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; placeholder: "Find a place", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outfields: "*" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map:map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "geocodeDiv"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.on("select", showLocation); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.on("find-results", showMap); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.on("hide", doclear2); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showLocation(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.clear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var point = evt.result.feature.geometry; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var symbol = new SimpleMarkerSymbol() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setStyle("square") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setColor(new Color([255,0,0,0.5])); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var graphic = new Graphic(point, symbol); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.add(graphic); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setTitle("Search Result"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setContent(evt.result.name); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.show(evt.result.feature.geometry); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.resize(180, 100); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showMap(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; moveTo:'mapView'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function doclear2(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.clear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.hide(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp; &lt;/script&gt; &nbsp; &lt;/head&gt; &nbsp; &lt;body&gt; &nbsp;&nbsp;&nbsp; &lt;div id="mapView" data-dojo-type="dojox.mobile.View" data-dojo-props="selected: true"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="header" data-dojo-type="dojox.mobile.Heading"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="aboutButton" data-dojo-type="dojox.mobile.ToolBarButton" style="float: right;" moveTo="aboutView"&gt;About&lt;/div&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="addressButton" data-dojo-type="dojox.mobile.ToolBarButton" style="float: left;" moveTo="addressView"&gt;Search&lt;/div&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="mapContainer" data-dojo-type="dojox.mobile.ContentPane"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="map"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div id="aboutView" data-dojo-type="dojox.mobile.View"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="back:'Map', moveTo:'mapView'"&gt;About&lt;/h1&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p style="padding: 5px;"&gt;This area can contain address information about your application.&lt;/p&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="addressView" data-dojo-type="dojox.mobile.View"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="back:'Map', moveTo:'mapView'"&gt;Address&lt;/h1&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p style="padding: 5px;"&gt;Type in an Address&lt;/p&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="geocodeDiv"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp; &lt;/body&gt; &lt;/html&gt;</PRE><BR /><BR /><SPAN>I want the showMap function to bring me back to the map view.</SPAN><BR /><BR /><SPAN>Any help is appreciated!</SPAN><BR /><BR /><SPAN>Thanks,</SPAN><BR /><BR /><SPAN>Tim</SPAN></BODY></HTML> Wed, 14 May 2014 17:28:09 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/mobile-question/m-p/547820#M50982 TimWitt 2014-05-14T17:28:09Z Re: Mobile question https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/mobile-question/m-p/547821#M50983 <HTML><HEAD></HEAD><BODY><SPAN>Never mind, I figured it out.</SPAN><BR /><BR /><BR /><PRE class="plain" name="code">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showMap(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dijit.registry.byId("addressView").performTransition("mapView", 1, "slide"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</PRE><DIV style="display:none;"> </DIV></BODY></HTML> Wed, 14 May 2014 18:10:08 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/mobile-question/m-p/547821#M50983 TimWitt 2014-05-14T18:10:08Z