Latest Contributions by DavidMarquardt

Matt, Thanks!  That's a great link.   I'm looking to see if I could somehow do that first manual step - dynamically in arcpy.  Your solution totally works, and it's not the end of the world if I do it manually, but I'm just trying to modularize my script a bit more (using it in a lot of places, with a lot of mxd's and group layers). David ... View more

Thank you, Rebecca, this is a help. David ... View more

Adam, Thanks so much!  I'm specifically looking to use it with dynamic map service, because I usually am working with many records (300 + county polygons). These tend to slow down or become unusable as a feature service. David ... View more

Well, trying to get away from the API.  The only real ESRI module I'm using at this point for the legend creation is ESRI request.  Everything else is dojo.  If you've got some more examples, snippets, feel free to share. David ... View more

So, if I understand correctly, you have a parent object of some sort, and the map and the legend are its two children.  Correct? Would love to see the .js you used to construct the horizintal legend (new column for each value).  I've been working outside of ESRI legend tools, and making my own.  All I can do at this point is add a row with swatch image and value, such as in the attached file.  ... View more

here's an attached example.  If you change the z-index to -1, you can click on the map as long as the css style position is absolute.  As soon as you change it to relative and position child elements according to the parent, the map itself becomes un-clickable.  Make the maps z-index positive, though, and this problem goes away. Also, am wondering how to have a child positioned to the parent, but outside the object (such as just below it).  If i change the text in my example (#message) to be below the map object (bottom:-40, for example)   it is hidden.  Any thoughts on how to solve this? David ... View more

Chris, Thanks, this is helpful.  while I had the legend, and other objects with a high z-index, i had the map set at -1 value,because of other issues (popups).  Once I changed the z value to a positive value, the map was clickable.  ... View more

Thanks!  this is great to know.  I'm having issues with positioning (relative, absolute) of these objects.  But I might use this in the future, thanks. ... View more

Chris, Unfortunately, I don't have it publicly available.  There's a lot of extraneous script and styling attached, but was hoping that, since changing the position from relative to absolute made the difference, the description would be enough to get a discussion going.  I'll see if I can get a short example on here to illustrate the point... David ... View more

I'm hoping I'm still talking about the same subject (it's been a year).  I found a workaround to get rid of the ESRI citation.  In the mxd(s) that is (are) being used for a print template layout, I manually inserted the dynamic text : Service Layer Credits. Once I had this, i set it far, far outside of the printed section of the layout.  After recreating my print service, the citation went away (outside of printed area). ... View more

Which version of the javascript api are you using?  My script wasn't working correctly until I switched from 3.11 to 3.12.  ended up referencing:     <script src="http://js.arcgis.com/3.12/"></script> ... View more

Kelly, Thanks, this works much better than the other options.  Sure appreciate it, David ... View more

Kelly, Thanks for the reply.  I put this snippet in my code, and it autocompleted correctly, but it didn't zoom to the address.  It looks like the event doesn't get correctly created on the geocoder select event.   If I comment out the sourceCountry, and leave the suffix, an address in the US (2028 N st SE, Washington DC 20020) zoomed to the mountains north of Luzon, Philippines. I'm attaching a modified sample of what I'm doing.  Bascially, I'm using the map point from the geocoder within an identifyTask (it takes awhile for the popup to appear). Your thoughts are appreciated, David Here's the sample code below: <!DOCTYPE html> <html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">     <!--The viewport meta tag is used to improve the presentation and behavior of the samples       on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">     <title>Identify with Popup</title>     <link rel="stylesheet" href="http://js.arcgis.com/3.11/esri/css/esri.css">     <style>       html, body, #map {         height:100%;         width:100%;         margin:0;         padding:0;       }             #buttons{   position: absolute;   top:  0px;     right: 10px;   height: 20px;   float:right;   z-index:99;   box-shadow: none;   font-size:13px;     font-family: arial narrow, helvetica, sans serif;     font-weight: bold;   /*padding: 1px 2px 1px;*/ } #search {   /* search contains esriGeocoderContainer */   float: right;   margin-top:-8px;   padding: 10px;   height: 59px;     z-index: 199;   } #search .esriGeocoderContainer {   position: relative;   margin-top: 1px; } #search .esriGeocoder {   box-shadow: 5px 5px 6px #888888;   height: 18px;   border-radius: 5px;     border-color: #C0C0C0 #C0C0C0 #9B9B9B;     border-image: none;     border-style: solid;     border-width: 1px;     /*padding: 0.1em 0.2em 0.2em;*/   padding: 1.3px 2.6px 1.3px;*/   /*padding: 0.1em 0.2em 0.1em;*/ } #search .esriGeocoderSearch.esriGeocoderIcon {   position: relative;   top: -3px;*/ } #search_input  {   padding: 4px;*/   font-family:arial, helvetica, sans-serif;   font-style: normal;   font-size:13px;   top:3px; } #search .esriGeocoderReset.esriGeocoderIcon {   position: relative;   top: -20%; }           .topButton {         border-radius: 5px 5px 5px 5px;         box-shadow: 5px 5px 6px #888888;         background-color: #637851 !important;         top: 50px;     }     .topButton .dijitButtonNode {     padding: 0 0 0 0 !important;     margin: 0 0 0 0!important;     }             span.dijitReset.dijitInline.dijitButtonNode{         border: 0px;         border-top-width: 0px !important;         padding-top:0px;         margin:0 0 0 0;         background: transparent;         color: white;         font-weight: bold;         border-style: none;         box-shadow: none;         -moz-box-shadow:    none;         -webkit-box-shadow: none;         box-shadow:         none;     }             #pup {           position:absolute;           z-index:200; /* aaaalways on top*/           padding: 3px;           margin-left: 20px;           margin-top: 5px;           width: auto;           border: 1px solid black;           background-color: #777;           color: white;           font-size: 0.95em;           visibility:hidden;         }                     #info {       position: absolute;       left:7px;       bottom: 10px;       padding: 2px;       min-width:100px;       background-color: #fff;       /*text-align: center;*/       border-radius: 5px 5px 5px 5px;       z-index: 99;       font:  12px  Helvetica, sans-serif;     }     #info table, th, td {       border: 0px solid white;     }     #units {       font-weight: bold;       padding: 5px 5px 5px 5px;     }     </style>     <script src="http://js.arcgis.com/3.11/"></script>     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>     <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>     <script src="scripts/nhpup_1_1.js" type="text/javascript"></script>     <script>       var map;      var hoverLbl = "";      var app = [];       require([         "esri/map",         "esri/InfoTemplate",         "esri/request",         "esri/dijit/InfoWindow",         "esri/arcgis/utils",         "esri/layers/ArcGISDynamicMapServiceLayer",         "esri/layers/ArcGISTiledMapServiceLayer",         "esri/layers/FeatureLayer",         "esri/layers/ImageParameters",         "esri/symbols/SimpleFillSymbol",         "esri/symbols/SimpleLineSymbol",         "esri/symbols/SimpleMarkerSymbol",         "esri/tasks/IdentifyTask",         "esri/tasks/IdentifyParameters",         "esri/tasks/query",         "esri/tasks/QueryTask",         "esri/dijit/Popup",         "esri/dijit/Geocoder",         "dojo/_base/array",         "esri/Color",         "esri/graphic",         "dojo/dom",         "dojo/dom-construct",         "dojo/dom-class",         "dojo/string",         "dojo/_base/lang",         "dojo/data/ItemFileReadStore",                "dojo/domReady!"       ], function (         Map, InfoTemplate, esriRequest, InfoWindow,  arcgisUtils, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, FeatureLayer, ImageParameters, SimpleFillSymbol,         SimpleLineSymbol, SimpleMarkerSymbol, IdentifyTask, IdentifyParameters, Query, QueryTask, Popup, Geocoder,         arrayUtils, Color, Graphic, dom, domConstruct, domClass, dojoString, lang, ItemFileReadStore       ) {         var identifyTask, identifyParams, geom1, selAddress, score, urban, suburban, identifyTaskClk, identifyParamsClk;         var ext = new esri.geometry.Extent({ "xmin": -17529487, "ymin": 1874364, "xmax": -5084316, "ymax": 7500129, "spatialReference": { "wkid": 102100} });         var countyN = "County";           var countyL = "3";        /****************************************** create map and legends ********************************************************/        map = new Map("map", {           extent: ext         })         map.on("load", mapReady);                 var tiledService = "http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer";         var featureURL = "http://server.arcgisonline.com/arcgis/rest/services/Demographics/USA_Diversity_Index/MapServer";                 map.addLayer(new ArcGISTiledMapServiceLayer(tiledService, {id: "basemap"}));                 var imageParameters = new ImageParameters();         imageParameters.format = "png32";         demoService = new ArcGISDynamicMapServiceLayer(featureURL, {             id: countyN,             opacity: 0.80});         demoService.setVisibleLayers([3]);                                 map.addLayer(demoService);         getLegend(featureURL);         /*************************************** geocoder **************************************************************/        // I have three ways I'm trying to use to get my geocoder to have autocomplete filter for USA addresses only.     //1. this one works okay, but the autofill is much slower than the others     /*    var myGeocoders = [{           url: "http://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer?sourceCountry=USA",           name: "EsriWorldLocator",           placeholder: "Find a place",           autoComplete: true,          singleLineFieldName: "SingleLine"     }];             var geocoder = new Geocoder ({         map: map,         arcgisGeocoder: false,         geocoders: myGeocoders         }, dom.byId("search")         );     geocoder.autoComplete = true;     /*     //2. This is the original, no filter     /*     var geocoder =  new Geocoder({       arcgisGeocoder: {               placeholder: "Find a place"       },       autoComplete: true,       map: map     }, dom.byId("search")     );        */             //3.  This one has a great autocomplete, but it zooms to a seemingly random location     /*     var geocoder =  new Geocoder({       arcgisGeocoder: {         //sourceCountry: "USA",         suffix: ", USA",         placeholder: "Find a place"       },       autoComplete: true,       autoNavigate: true,       map: map     }, dom.byId("search")     );        */        var geocoder = new Geocoder({           map: map,           autoComplete:true,           arcgisGeocoder:{             sourceCountry:"US",             suffix: ", USA"           }         }, "search");         //geocoder.startup();     //console.log(geocoder);     geocoder.startup();             geocoder.on("select", function(evt){         console.log(evt);         map.graphics.clear();         selAddress = evt.result.name;         score = evt.result.feature.attributes.score;         console.log(score);         var spotlight = map.on("extent-change", function(){         geom1 = evt.result.feature.geometry;         geom = esri.geometry.toScreenGeometry(map.extent, map.width, map.height, evt.result.extent);         var width = geom.xmax - geom.xmin;         var height = geom.ymin - geom.ymax;         var max = height;         if(width > height){             max = width;         }         var margin = '-' + Math.floor(max/2) + 'px 0 0 -' + Math.floor(max/2) + 'px';         var point = evt.result.feature.geometry;         var symbol = new SimpleMarkerSymbol().setStyle(         SimpleMarkerSymbol.STYLE_SQUARE).setColor(           new Color([255,0,0,0.5])         );         var graphic = new Graphic(point, symbol);         map.graphics.add(graphic);         dojo.query('.spotlight').addClass('spotlight-active').style({           width: max + 'px',           height: max + 'px',           margin: margin         });        dojo.disconnect(spotlight);        map.infoWindow.destroyDijits();        getSomeResults(geom1);       });     });             /************************************************** creating legend ****************************************************/     function getLegend (serviceName)   {         urlNew = serviceName + "/"   // url base used to get json request for units, and for legend         lgdRequestHandle = esriRequest ({           // the legend request handle is recreated here as well             "url": urlNew + "legend" ,             "content": {                 "f": "json"             },             "callbackParamName": "callback"         });         lgdRequestHandle.then(lgdRequestSucceeded, requestFailed);     }         function lgdRequestSucceeded(response, io) {         var legendLyrs = arcgisUtils.getLegendLayers(response);         var lyrs;         var fieldInfo, pad;         pad = dojoString.pad;         for (i=0;i<(response.layers.length);i++){             if(response.layers.layerId == 3 ){                 lgndDetail={                     label:"layerName",                     items:[]                 };                 var tabBody=document.getElementById("tabBody1");                 // once layer name matched with json result, the items from legend json are added, row by row                 for(j=0;j<(response.layers.legend.length);j++){                     var LayerName = response.layers.layerName;                              var imgSource = featureURL + "/" + response.layers.layerId + "/images/" + response.layers.legend .url;                     var valueSource = response.layers.legend .label;  // used for classifications                     var imgT = dom.byId("image");                     addRow(imgSource,valueSource, tabBody);                     lgndDetail.items.push(lang.mixin({id: response.layers.layerId, layerName: response.layers.layerName}, lang.mixin({label: response.layers.legend .label, img: featureURL + "/" + response.layers.layerId + "/images/" + response.layers.legend .url })));                 }                  store = new ItemFileReadStore ({data:lgndDetail});             }         }     }              function requestFailed(error, io){         console.log("failure");         domClass.add(dom.byId("content"), "failure");         dojoJson.toJsonIndentStr = " ";         dom.byId("content").value = dojoJson.toJson(error, true);     }          function addRow(image,value, tbody){             if (!document.getElementById) return;             row=document.createElement("tr");             cell1 = document.createElement("td");             cell2 = document.createElement("td");             imgNode1 = document.createElement("img");             imgNode1.src = image;             if (value == countyN) {                 imgNode1.style.opacity = 0.80;             }             else {                 imgNode1.style.opacity = 0.80;                        }             textnode2=document.createTextNode(value);             cell1.appendChild(imgNode1);             cell2.appendChild(textnode2);             row.appendChild(cell1);             row.appendChild(cell2);             tbody.appendChild(row);         }            /*************************************** linking geocoder with automatic identify *********************************************************/         function getSomePoints(event){               var mapPt = event.mapPoint;         getSomeResults(mapPt);      }     function getSomeResults(geom){               identifyTask = new IdentifyTask(featureURL);           identifyParams = new IdentifyParameters();           identifyParams.tolerance = 3;           identifyParams.returnGeometry = true;           identifyParams.layerIds = [2, 3, 4];           identifyParams.layerOption = IdentifyParameters.LAYER_OPTION_ALL;           identifyParams.width = map.width;           identifyParams.height = map.height;           identifyParams.geometry = geom;           identifyParams.mapExtent = map.extent;           identifyTask.execute(identifyParams, onIdentifyComplete)     }     function onIdentifyComplete(results){         console.log(results);         if (results.length > 0){                     k=0;                     results.value = "frontier";                     map.infoWindow.destroyDijits();                     map.infoWindow.setContent (selAddress + " has a county diversity score of: " + score);                     map.infoWindow.show(geom1);                 }                 else {                     map.infoWindow.destroyDijits();                     map.infoWindow.setContent ("there was a problem connecting to the layer");                     map.infoWindow.show(geom1);                }      }             function mapReady () {           map.on("click", executeIdentifyTask);           identifyTaskClk = new IdentifyTask(featureURL);           identifyParamsClk = new IdentifyParameters();           identifyParamsClk.tolerance = 3;           identifyParamsClk.returnGeometry = true;           identifyParamsClk.layerIds = [3, 4];           identifyParamsClk.layerOption = IdentifyParameters.LAYER_OPTION_ALL;           identifyParamsClk.width = map.width;           identifyParamsClk.height = map.height;         }         /********************************************************** used for hover, with is disabled at this time **********************************************************/                 function executeIdentifyTask (event) {           identifyParamsClk.geometry = event.mapPoint;           var coordX = identifyParamsClk.geometry.x;           identifyParamsClk.mapExtent = map.extent;           var deferred = identifyTaskClk             .execute(identifyParamsClk)             .addCallback(function (response) {                 if (response.length == 0){                     k=0;                     response.value = "frontier";                     map.infoWindow.destroyDijits();                     map.infoWindow.setContent ("This area has no records");                     map.infoWindow.show(event.mapPoint);                 }                 else {                     map.infoWindow.destroyDijits();                     map.infoWindow.setContent ("This area has records");                     map.infoWindow.show(event.mapPoint);                }              });                             }               });     </script>   </head>     <body>     <div id="map"     onclick = "nhpup.popup(hoverLbl)">            <div id="info">            <div id= "units"></div>            <table id="legend" border = '1'>                 <tbody id ="tabBody1">                 </tbody>            </table>        </div>             </div>         <div id="buttons">         <div id="search"></div>      </div>   </body> </html> ... View more