topic Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address? in ArcGIS Web AppBuilder Questions

Web AppBuilder, URL To Open Map @ Lat/Long or Address?

DanAllen — Fri, 11 Sep 2015 14:18:36 GMT

If I have a Web AppBuilder application that is off the shelf and hosted in ArcGIS.com (not developer edition), is there a way tack on a lat/long or address to the end of the map URL, to get it to open the map at a location other than the default initial map extent?

Thanks

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Fri, 11 Sep 2015 14:48:44 GMT

Dan,

Other than providing these url parameters in your hyperlink that is used to get to your site? I am not aware of anything.

Use URL parameters—Web AppBuilder for ArcGIS | ArcGIS

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

DanAllen — Fri, 11 Sep 2015 15:07:16 GMT

Thank you Robert. That was just resource I needed. Any idea if passing a geocode or attribute search into the url is possible? Like open the map and search for tax it 123.00-1-1, or 123 main street?

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Fri, 11 Sep 2015 15:19:04 GMT

Dan,

I thought there was but I am not finding it. I have a custom widget called eSearch that does this but you would need to start using WAB developer.

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

DanAllen — Fri, 11 Sep 2015 15:24:11 GMT

Thanks again Robert. I was hoping stick with out of the box on this project. If that changes, your esearch widget sounds like an option.

Best,

Dan

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

MichaelVolz — Fri, 11 Sep 2015 15:41:52 GMT

Robert:

I tried to perform this function with a javascript app that my organization built with the following URL:

https://hostname/app/default.html?center=2408789,146424,102729&level=5

The coordinates shown are in state plane.

The app always opens up at the default location even though I provided some additional parameters as per the link you provided. Is there some coding in the app that needs to be done to get this to work?

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Fri, 11 Sep 2015 15:53:02 GMT

Michael,

I think you need to use lat lon or web-mercator

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

MichaelVolz — Fri, 11 Sep 2015 17:41:37 GMT

Robert:

I used lat-long but it made no difference. The web app I am trying to make this work with was not built with the Web App Builder. Would that make a difference?

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Fri, 11 Sep 2015 17:48:12 GMT

absolutely, the doc link provided is about WAB.

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

MichaelVolz — Fri, 11 Sep 2015 18:03:12 GMT

Thanks for the clarification Robert.

Would you know where in the Web App Builder code I would find the specific code to enable this functionality so I can add it to my organization's non-Web App Builder javascript web app?

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Fri, 11 Sep 2015 19:23:59 GMT

Michael,

It is very convoluted as WAB is by no means a simple JS app. This functionality is broken up across 4 or more js files.

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

MichaelVolz — Fri, 11 Sep 2015 19:55:47 GMT

Robert:

Do you think this is a difficult piece of functionality (code-wise) to replicate in a non-Web App Builder javascript web app?

Do you know if any of the ESRI samples on the javascript api show how to enable this functionality?

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Sat, 12 Sep 2015 00:26:10 GMT

Dan Allen,

Dont forget to mark this thread as answered by clicking on the "Correct Answer" button in the post that answered your question.

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

RobertScheitlin__GISP — Sun, 12 Dec 2021 05:38:49 GMT

Michael,

Sure here is a sample:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Simple Map with url parameters</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css">
    <style>
      html, body, #map {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #FFF;
        overflow: hidden;
        font-family: "Trebuchet MS";
      }
    </style>
    <script src="http://js.arcgis.com/3.14/"></script>
    <script>
      var map;

      require([
        "esri/map",
        "dojo/io-query",
        "dojo/_base/lang",
        "esri/geometry/Point",
        "esri/tasks/GeometryService",
        "esri/SpatialReference",
        "esri/tasks/ProjectParameters",
        "dojo/on",
        "dojo/domReady!"
      ], function(
        Map,
        ioquery,
        lang,
        Point,
        GeometryService,
        SpatialReference,
        ProjectParameters,
        on
      ) {
        map = new Map("map", {
          basemap: "topo",  //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
          center: [-122.45, 37.75], // longitude, latitude
          zoom: 13
        });

        on(map, "load", function(){
          setUrlParams();
        });

        function getUrlParams () {
          var s = window.location.search,
            p;
          if (s === '') {
            return {};
          }
          p = ioquery.queryToObject(s.substr(1));
          return p;
        }

        function setUrlParams () {
          var myObject = getUrlParams();
          var centerPnt, level;
          if (myObject.center && !lang.isArrayLike(myObject.center)) {
            var centerArr = myObject.center.split(",");
            var sr;
            if(centerArr[2]){
              sr = new SpatialReference({ wkid: centerArr[2] });
            }else{
              sr = new SpatialReference({ wkid: 4326 });
            }
            centerPnt = new Point(centerArr[0], centerArr[1], sr);
          }
          if (myObject.level) {
            level = myObject.level || 12;
          }
          if(!centerPnt.spatialReference.equals(map.spatialReference)){
            projectCenter(centerPnt, level);
            return;
          }
          map.centerAndZoom(centerPnt, level).then(function(){
            console.info("Zoomed to center");
          });
        }

        function projectCenter(centerPnt, level){
          var params = new ProjectParameters();
          params.geometries = [centerPnt];
          params.outSR = map.spatialReference;
          var gsvc = new GeometryService("http://sampleserver6.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
          gsvc.project(params, lang.hitch(this, function(result){
            map.centerAndZoom(result[0], level).then(function(){
              console.info("Zoomed to projected center");
            });
          }), lang.hitch(this, function(err){
            console.error(err);
          }));
        }

      });
    </script>
  </head>

  <body>
    <div id="map"></div>
  </body>
</html>

Re: Web AppBuilder, URL To Open Map @ Lat/Long or Address?

MichaelVolz — Mon, 14 Sep 2015 17:03:25 GMT

Thank you very much Robert

Is there a trick to copying this code snippet into NotePad without having the line numbers copied in as well?