ArcGIS Javascript API - addLayers -


i working on project trying add feature layers arcgis online web map application using javascript api user can toggle layers on , off through html tick box. layers importing correctly , displayed when tick boxes bypassed can work tickboxes. have hacked code arcgis samples etc must small thing keep missing!

here code - want layers toggle on , off on top of constant base map based on checkboxes user ticks on , off

<!doctype html> <html>   <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8">     <!--the viewport meta tag used improve presentation , behavior of samples       on ios devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">     <title>select feature layer</title>     <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/tundra/tundra.css">     <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css">     <style>       html, body, #mapdiv {         padding: 0;         margin: 0;         height: 100%;       }       #messages{         background-color: #fff;         box-shadow: 0 0 5px #888;         font-size: 1.1em;         max-width: 15em;         padding: 0.5em;         position: absolute;         right: 20px;         top: 20px;         z-index: 40;       }     </style>     <script src="http://js.arcgis.com/3.10/"></script>     <script>          var map;         require([         "esri/map", "esri/layers/featurelayer",         "esri/tasks/query", "esri/geometry/circle",         "esri/graphic", "esri/infotemplate", "esri/symbols/simplemarkersymbol",         "esri/symbols/simplelinesymbol", "esri/symbols/simplefillsymbol", "esri/renderers/simplerenderer",         "esri/config", "esri/color", "dojo/dom", "dojo/domready!", "dojo/on", "dojo/query", "dojo/domready!", "esri/layers/arcgisdynamicmapservicelayer", "esri/layers/imageparameters",       ], function (         map, featurelayer,         query, circle,         graphic, infotemplate, simplemarkersymbol,         simplelinesymbol, simplefillsymbol, simplerenderer,         esriconfig, color, dom, on, query, arcgisdynamicmapservicelayer, imageparameters       ) {           // use proxy page if url generated page greater 2000 characters           //           // should not needed query & select functions performed on client           esriconfig.defaults.io.proxyurl = "/proxy";            map = new map("mapdiv", {               basemap: "streets",               center: [-120.303130, 36.542750],               zoom: 5,               slider: false           });            //add census block points in on demand mode. note info template has been defined when           //selected features clicked popup window appear displaying content defined in info template.           var offices = new featurelayer("url", {               infotemplate: new infotemplate("block: ${block}", "${*}"),               outfields: ["*"]           });            var northridge = new featurelayer("url", {               infotemplate: new infotemplate("block: ${block}", "${*}"),               outfields: ["*"]           });            var associates = new featurelayer("url", {               infotemplate: new infotemplate("block: ${block}", "${*}"),               outfields: ["*"]           });            // selection symbol used draw selected census block points within buffer polygon           var symbol = new simplemarkersymbol(           simplemarkersymbol.style_circle,           12,           new simplelinesymbol(             simplelinesymbol.style_null,             new color([247, 34, 101, 0.9]),             1           ),           new color([207, 34, 171, 0.5])         );           offices.setselectionsymbol(symbol);            //make unselected features invisible           var nullsymbol = new simplemarkersymbol().setsize(10);           var redcircle = new simplemarkersymbol().setsize(8);            offices.setrenderer(new simplerenderer(nullsymbol));            on(dom.byid("layer0checkbox"), "change", updatelayervisibility);           on(dom.byid("layer1checkbox"), "change", updatelayervisibility);           on(dom.byid("layer2checkbox"), "change", updatelayervisibility);            function updatelayervisibility() {               var inputs = query(".list_item");               var inputcount = inputs.length;               //in application layer 2 on.               visiblelayerids = [2];                (var = 0; < inputcount; i++) {                   if (inputs[i].checked) {                       visiblelayerids.push(inputs[i].value);                   }               }                if (visiblelayerids.length === 0) {                   visiblelayerids.push(-1);               }                map.addlayers(visiblelayerids);           }       });      </script>   </head>    <body> <br />     <br />         layer list : <span id="layer_list"><input type='checkbox' class='list_item' id='layer0checkbox' value="northridge" />earthquake             <input type='checkbox' class='list_item' id='layer1checkbox' value="offices" />offices           <input type='checkbox' class='list_item' id='layer2checkbox' value="associates" />associates         </span><br />         <br />       <div id="mapdiv"></div>    </body> </html>

done long time ago

 changevlayervisibility: function(names) {     ext.array.each(map.graphicslayerids, function(id) {         map.getlayer(id).setvisibility(names.indexof(id) !== -1);     }); },

check example here: http://smart-tech-group.com/arcgismap/ map-related logic stored in http://smart-tech-group.com/arcgismap/app/view/arcmapviewer.js js-newbie then, feel free argue on code style;)


Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w
Read more

php - $params->set Array between square bracket -

i'm using k2 in joomla 3.3. i'm trying set params (items ids ) module k2_content item.php file. result must between brackets, like: ["96","68"] my code is: $query = "select * #__k2_items extra_fields_search = '$myautor' , catid !=1 " ; $db->setquery($query); $losautores = $db->loadobjectlist(); $result = array(); foreach ($losautores $key => $value) { $result[] = '" '.$value->id.' "'; } $string_version = implode(',', $result); $autoresfinal = '['.$string_version.']'; if test using print, looks ok. passing var pramas, 1064 error. $params->set('items', $autoresfinal); to test tried $autoresfinal = ["96","68"]; and works fine. idea why doesn't work? thank you. if assign ["x","y"] assigning an array . here transforming array in st
Read more