Latest Contributions by AmalHorchi

‎03-02-2018

Hi Robert , I want to add labels for my features in the previous code . (labeling features by "NOM" )

‎03-02-2018

Thank you so much .

‎03-02-2018

Thank you so much

‎03-01-2018

Hi , Can you help to resolve this error .When i choose the same country , the result will be duplicated . <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5"></script> <script src="http://code.angularjs.org/1.5.8/angular.js"></script> <script src="./../../highcharts/util.js"></script>    <script src="./../../highcharts-ng/dist/highcharts-ng.js"></script> <script src="http://code.highcharts.com/4.2.2/modules/exporting.js"></script> <script src="http://code.highcharts.com/4.2.2/modules/offline-exporting.js"></script> </head> <body> <div ng-app="myapp"> <div ng-controller="myctrl"> <select ng-model="highchartsNG.options.chart.type" ng-options="t.id as t.title for t in chartTypes"> <option value="">-- Choisir type de graphe --</option> </select> <select ng-options="t as t.name for t in chartSeries" ng-model="item" ng-change="addSeries(item)"> <option value="">-- Choisir Gouvernorat --</option> </select> <highchart id="chart1" config="highchartsNG"></highchart> </div> <!div style="width:840px;height:600px;border: 2px solid #0F0F0F;margin: 0 auto;"> </div> <script type="text/javascript"> var myapp = angular.module('myapp', ["highcharts-ng"]); myapp.controller('myctrl', function ($scope) { dojo.require("esri.map"); dojo.require("dojo.parser"); dojo.require("esri.tasks.query"); dojo.require("dojo.date.locale"); dojo.require("dojo.DeferredList"); $scope.chartTypes = [ {"id": "line", "title": "Lignes"}, {"id": "spline", "title": "Courbes"}, {"id": "column", "title": "Histogrammes"}, {"id": "bar", "title": "Barres"}, {"id": "scatter", "title": "Points"} ] // pour traiter Object.values if(!Object.values){Object.values=obj=>Object.keys(obj).map(key=>obj[key])}; var rqResults = []; var datas = []; var names = []; var data_t = []; var SERVERPATH = "http://41.231.36.249/sirgeo/rest/services"; dojo.ready(getGraphData); function getGraphData() { query = new esri.tasks.Query(); query.outFields = ["NOM", "PopTot2004", "PopTot2005", "PopTot2006", "PopTot2007", "PopTot2008", "PopTot2009", "PopTot2010", "PopTot2011", "PopTot2012", "PopTot2013", "PopTot2014"]; query.returnGeometry = false; query.where = "1=1"; qSensor = new esri.tasks.QueryTask(SERVERPATH + "/SIR-Gouv/demographie_gouv/MapServer/0"); qSensor.execute(query, getGraphResults); } function getGraphResults(results) { rqResults = results.features; leng = rqResults.length; var featureAttributes = []; for (var i = 0; i < leng; i++) { featureAttributes.push(results.features.attributes); var featureAttributes_2; featureAttributes_2 = JSON.parse(JSON.stringify(featureAttributes)); delete featureAttributes_2.NOM; var myObj = new Object(); var name = featureAttributes.NOM; var pop = Object.values(featureAttributes_2); var date = Object.keys(featureAttributes_2); var year = []; var year2 = []; for (var k=0; k < date.length; k++) { year = date .substring(date .length - 4,date .length); // year2 = new Date(year ); year2 =parseInt(year ) }; myObj.id = i; myObj.name = name; myObj.data = pop; myObj.year = year2; data_t = myObj.year; switch(myObj.id) { case i: names = myObj.name; datas = myObj.data; break; } }; $scope.chartSeries = []; for (var i = 0; i < leng; i++) { $scope.chartSeries.push({id:i, name: names[leng-1-i], data: datas[leng-1-i]}); }; // $scope.selectdata= $scope.chartSeries[0]; $scope.addSeries = function () { var named = []; var rnd = []; for (var i = 0; i < leng; i++) { switch($scope.item.id) { case i: named = $scope.item.name; rnd = $scope.item.data; $scope.highchartsNG.series.push({ name: named, data: rnd }) break; } } }; $scope.highchartsNG = { options: { chart: { type: 'line' }, plotOptions: { line: { connectNulls: true }, spline: { connectNulls: true } } }, series: [], //series: $scope.chartSeries, title: { text: 'Population Totale', // x: 0//center }, loading: false, legend: { enabled: true }, xAxis: { title: { text: 'Ann\351es', style: { color: 'black', fontWeight: 'bold' } }, categories: data_t, lineWidth: 1, lineColor: 'black' }, yAxis: { title: { text: 'Population totale', style: { color: 'black', fontWeight: 'bold' } }, labels: { format: '{value:,.0f}' }, lineWidth: 1, lineColor: 'black', minorGridLineWidth: 0, gridLineWidth: 1, alternateGridColor: null, startOnTick: true, endOnTick: true }, tooltip: { pointFormat: 'Value: {point.y:,.0f} habitants' }, } } }); </script> </body> </html>

‎03-01-2018

Hi , Please is there any enhancements and changes to get other graphics type (pie , line , ....)

‎03-01-2018

Data store vs. data warehouse: How do they differ? Is there in both of them tools for OLAP ,RELAP ,MOLAP operations .

‎02-28-2018

Thank you so much Robert . Really thank you .

‎02-28-2018

Ok thanks Robert .

‎02-28-2018

How to add print widget to my map ? Can you please help me to add print widget to my code . <!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> Population Totale </title> <link rel="stylesheet" href="http://js.arcgis.com/3.16/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" href="http://js.arcgis.com/3.16/esri/css/esri.css"> <style> #HomeButton { position: absolute; top: 90px; left: 20px; z-index: 2; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; } #map { margin: 0; padding: 0; } #feedback { position: absolute; height: 390px; font-family: arial; margin: 5px; padding: 10px; z-index: 40; background: #fff; color: #444; width: 300px; right: 10px; top: 10px; box-shadow: 0 0 5px #888; } #legendWrapper { padding: 10px 0 0 0; } #note { font-size: 80%; font-weight: 700; padding: 0 0 10px 0; } h3 { margin: 0 0 5px 0; border-bottom: 1px solid #444; } </style> <script src="http://js.arcgis.com/3.16/"></script> <script> //global vars var layer, legend; require([ "esri/map", "esri/dijit/BasemapGallery", "esri/dijit/HomeButton" , "esri/dijit/PopupTemplate", "esri/layers/FeatureLayer", "esri/dijit/Legend", "esri/renderers/smartMapping", "dojo/_base/array", "dojo/dom", "dojo/dom-construct", "dojo/data/ItemFileReadStore", "dijit/form/FilteringSelect", "dojo/parser", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function ( Map,BasemapGallery, HomeButton , PopupTemplate, FeatureLayer, Legend, smartMapping, array, dom, domConstruct, ItemFileReadStore, FilteringSelect, parser ) { parser.parse(); var mapOptions = { basemap: "topo", center: [11,34], zoom: 6, slider: true , }; var map = new Map("map", mapOptions); var basemapGallery = new BasemapGallery({ showArcGISBasemaps: true, map: map }, "basemapGallery"); basemapGallery.startup(); basemapGallery.on("error", function(msg) { console.log("basemap gallery error: ", msg); }); // map.enableKeyboardNavigation(); var home = new HomeButton( { map: map }, "HomeButton"); home.startup(); var fieldName = "PopTot2004"; // the counties map service uses the actual field name as the field alias // set up an object to use as a lookup table to work with user friendly field names var fields = { "PopTot2004": "Population Totale (2004)", "PopTot2005": "Population Totale (2005)", "PopTot2006": "Population Totale (2006)", "PopTot2007": "Population Totale (2007)", "PopTot2008": "Population Totale (2008)" , "PopTot2009": "Population Totale (2009)" , "PopTot2010": "Population Totale (2010)" , "PopTot2011": "Population Totale (2011)" , "PopTot2012": "Population Totale (2012)" , "PopTot2013": "Population Totale (2013)" , "PopTot2014": "Population Totale (2014)", "NOM" : "NOM" }; var outFields = ["PopTot2004", "PopTot2005", "PopTot2006", "PopTot2007","PopTot2008","PopTot2009","PopTot2010","PopTot2011","PopTot2012","PopTot2013","PopTot2014","NOM"]; //create popup var popupTemplate = new PopupTemplate({ title: "{NOM}", fieldInfos: [ { "fieldName": fieldName, "label": fields[fieldName], "visible": true, "format": { places: 0, digitSeparator: true } }], showAttachments: true }); layer = new FeatureLayer("http://41.231.36.249/sirgeo/rest/services/SIR-Gouv/demographie_gouv/MapServer/0", { "id": "Chad", "infoTemplate": popupTemplate, "mode": FeatureLayer.MODE_SNAPSHOT, "outFields": outFields, "opacity": 0.8 }); //only working with Washington state //layer.setDefinitionExpression("Region='NO'"); map.addLayer(layer); layer.on("load", function () { createRenderer(fieldName); }); function createRenderer(field) { //smart mapping functionality begins smartMapping.createClassedColorRenderer({ layer: layer, field: field, basemap: map.getBasemap(), classificationMethod: "quantile" , numClasses:3, //ClassBreakInfo(null, minValue:100000, maxValue:250000), showOthers:false }).then(function (response) { layer.setRenderer(response.renderer); layer.redraw(); createLegend(map, layer, field); }); } //this function gets called when fields are selected to render function updateAttribute(ch) { map.infoWindow.hide(); var popupTemplateUpdated = new PopupTemplate({ title: "{NOM}", fieldInfos: [{ "fieldName": ch, "label": fields[ch], "visible": true, "format": { places: 0, digitSeparator: true } }], showAttachments: true }); layer.setInfoTemplate(popupTemplateUpdated); createRenderer(ch); layer.redraw(); createLegend(map, layer, ch); } //Create a legend function createLegend(map, layer, field) { //If applicable, destroy previous legend if (legend) { legend.destroy(); domConstruct.destroy(dom.byId("legendDiv")); } // create a new div for the legend var legendDiv = domConstruct.create("div", { id: "legendDiv" }, dom.byId("legendWrapper")); legend = new Legend({ map: map, layerInfos: [{ layer: layer, title: "Indicateur: " , }] }, legendDiv); legend.startup(); } // create a store and a filtering select for the county layer's fields var fieldNames, fieldStore, fieldSelect; fieldNames = { "identifier": "value", "label": "name", "items": [] }; array.forEach(outFields, function (f) { if (array.indexOf(f.split("_"), "NOM") == -1) { // exclude attrs that contain "NAME" fieldNames.items.push({ "name": fields , "value": f }); } }); fieldStore = new ItemFileReadStore({ data: fieldNames }); fieldSelect = new FilteringSelect({ displayedValue: fieldNames.items[0].name, value: fieldNames.items[0].value, name: "fieldsFS", required: false, store: fieldStore, searchAttr: "name", style: { "width": "290px", "fontSize": "12pt", "color": "#444" } }, domConstruct.create("div", null, dom.byId("fieldWrapper"))); fieldSelect.on("change", updateAttribute); }); </script> </head> <body class="tundra"> <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width: 100%; height: 100%; margin: 0;"> <div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"> <div id="feedback"> <h3>Population Totale(milliers habitants) </h3> <div id="info"> Sélectionnez une année pour une visualisation cartographiqe . </div> <div id="legendWrapper"></div> <div id="fieldWrapper"> Veuillez choisir l'année </div> </div> </div> </div> <div id="HomeButton"></div> <div style="position:absolute; left:20px; top:150px; z-Index:999;"> <div data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Fond de carte', closable:false, open:false"> <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;"> <div id="basemapGallery"></div> </div> </div> </div> </body> </html>

‎02-28-2018

Hi Mehretab , Can you please help me to add print widget to my code . <!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> Population Totale </title> <link rel="stylesheet" href="http://js.arcgis.com/3.16/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" href="http://js.arcgis.com/3.16/esri/css/esri.css"> <style> #HomeButton { position: absolute; top: 90px; left: 20px; z-index: 2; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; } #map { margin: 0; padding: 0; } #feedback { position: absolute; height: 390px; font-family: arial; margin: 5px; padding: 10px; z-index: 40; background: #fff; color: #444; width: 300px; right: 10px; top: 10px; box-shadow: 0 0 5px #888; } #legendWrapper { padding: 10px 0 0 0; } #note { font-size: 80%; font-weight: 700; padding: 0 0 10px 0; } h3 { margin: 0 0 5px 0; border-bottom: 1px solid #444; } </style> <script src="http://js.arcgis.com/3.16/"></script> <script> //global vars var layer, legend; require([ "esri/map", "esri/dijit/BasemapGallery", "esri/dijit/HomeButton" , "esri/dijit/PopupTemplate", "esri/layers/FeatureLayer", "esri/dijit/Legend", "esri/renderers/smartMapping", "dojo/_base/array", "dojo/dom", "dojo/dom-construct", "dojo/data/ItemFileReadStore", "dijit/form/FilteringSelect", "dojo/parser", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function ( Map,BasemapGallery, HomeButton , PopupTemplate, FeatureLayer, Legend, smartMapping, array, dom, domConstruct, ItemFileReadStore, FilteringSelect, parser ) { parser.parse(); var mapOptions = { basemap: "topo", center: [11,34], zoom: 6, slider: true , }; var map = new Map("map", mapOptions); var basemapGallery = new BasemapGallery({ showArcGISBasemaps: true, map: map }, "basemapGallery"); basemapGallery.startup(); basemapGallery.on("error", function(msg) { console.log("basemap gallery error: ", msg); }); // map.enableKeyboardNavigation(); var home = new HomeButton( { map: map }, "HomeButton"); home.startup(); var fieldName = "PopTot2004"; // the counties map service uses the actual field name as the field alias // set up an object to use as a lookup table to work with user friendly field names var fields = { "PopTot2004": "Population Totale (2004)", "PopTot2005": "Population Totale (2005)", "PopTot2006": "Population Totale (2006)", "PopTot2007": "Population Totale (2007)", "PopTot2008": "Population Totale (2008)" , "PopTot2009": "Population Totale (2009)" , "PopTot2010": "Population Totale (2010)" , "PopTot2011": "Population Totale (2011)" , "PopTot2012": "Population Totale (2012)" , "PopTot2013": "Population Totale (2013)" , "PopTot2014": "Population Totale (2014)", "NOM" : "NOM" }; var outFields = ["PopTot2004", "PopTot2005", "PopTot2006", "PopTot2007","PopTot2008","PopTot2009","PopTot2010","PopTot2011","PopTot2012","PopTot2013","PopTot2014","NOM"]; //create popup var popupTemplate = new PopupTemplate({ title: "{NOM}", fieldInfos: [ { "fieldName": fieldName, "label": fields[fieldName], "visible": true, "format": { places: 0, digitSeparator: true } }], showAttachments: true }); layer = new FeatureLayer("http://41.231.36.249/sirgeo/rest/services/SIR-Gouv/demographie_gouv/MapServer/0", { "id": "Chad", "infoTemplate": popupTemplate, "mode": FeatureLayer.MODE_SNAPSHOT, "outFields": outFields, "opacity": 0.8 }); //only working with Washington state //layer.setDefinitionExpression("Region='NO'"); map.addLayer(layer); layer.on("load", function () { createRenderer(fieldName); }); function createRenderer(field) { //smart mapping functionality begins smartMapping.createClassedColorRenderer({ layer: layer, field: field, basemap: map.getBasemap(), classificationMethod: "quantile" , numClasses:3, //ClassBreakInfo(null, minValue:100000, maxValue:250000), showOthers:false }).then(function (response) { layer.setRenderer(response.renderer); layer.redraw(); createLegend(map, layer, field); }); } //this function gets called when fields are selected to render function updateAttribute(ch) { map.infoWindow.hide(); var popupTemplateUpdated = new PopupTemplate({ title: "{NOM}", fieldInfos: [{ "fieldName": ch, "label": fields[ch], "visible": true, "format": { places: 0, digitSeparator: true } }], showAttachments: true }); layer.setInfoTemplate(popupTemplateUpdated); createRenderer(ch); layer.redraw(); createLegend(map, layer, ch); } //Create a legend function createLegend(map, layer, field) { //If applicable, destroy previous legend if (legend) { legend.destroy(); domConstruct.destroy(dom.byId("legendDiv")); } // create a new div for the legend var legendDiv = domConstruct.create("div", { id: "legendDiv" }, dom.byId("legendWrapper")); legend = new Legend({ map: map, layerInfos: [{ layer: layer, title: "Indicateur: " , }] }, legendDiv); legend.startup(); } // create a store and a filtering select for the county layer's fields var fieldNames, fieldStore, fieldSelect; fieldNames = { "identifier": "value", "label": "name", "items": [] }; array.forEach(outFields, function (f) { if (array.indexOf(f.split("_"), "NOM") == -1) { // exclude attrs that contain "NAME" fieldNames.items.push({ "name": fields , "value": f }); } }); fieldStore = new ItemFileReadStore({ data: fieldNames }); fieldSelect = new FilteringSelect({ displayedValue: fieldNames.items[0].name, value: fieldNames.items[0].value, name: "fieldsFS", required: false, store: fieldStore, searchAttr: "name", style: { "width": "290px", "fontSize": "12pt", "color": "#444" } }, domConstruct.create("div", null, dom.byId("fieldWrapper"))); fieldSelect.on("change", updateAttribute); }); </script> </head> <body class="tundra"> <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width: 100%; height: 100%; margin: 0;"> <div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"> <div id="feedback"> <h3>Population Totale(milliers habitants) </h3> <div id="info"> Sélectionnez une année pour une visualisation cartographiqe . </div> <div id="legendWrapper"></div> <div id="fieldWrapper"> Veuillez choisir l'année </div> </div> </div> </div> <div id="HomeButton"></div> <div style="position:absolute; left:20px; top:150px; z-Index:999;"> <div data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Fond de carte', closable:false, open:false"> <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;"> <div id="basemapGallery"></div> </div> </div> </div> </body> </html>

‎02-28-2018

Hi Robert , can you help me please to add print widget to my code . <!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> Population Totale </title> <link rel="stylesheet" href="http://js.arcgis.com/3.16/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" href="http://js.arcgis.com/3.16/esri/css/esri.css"> <style> #HomeButton { position: absolute; top: 90px; left: 20px; z-index: 2; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; } #map { margin: 0; padding: 0; } #feedback { position: absolute; height: 390px; font-family: arial; margin: 5px; padding: 10px; z-index: 40; background: #fff; color: #444; width: 300px; right: 10px; top: 10px; box-shadow: 0 0 5px #888; } #legendWrapper { padding: 10px 0 0 0; } #note { font-size: 80%; font-weight: 700; padding: 0 0 10px 0; } h3 { margin: 0 0 5px 0; border-bottom: 1px solid #444; } </style> <script src="http://js.arcgis.com/3.16/"></script> <script> //global vars var layer, legend; require([ "esri/map", "esri/dijit/BasemapGallery", "esri/dijit/HomeButton" , "esri/dijit/PopupTemplate", "esri/layers/FeatureLayer", "esri/dijit/Legend", "esri/renderers/smartMapping", "dojo/_base/array", "dojo/dom", "dojo/dom-construct", "dojo/data/ItemFileReadStore", "dijit/form/FilteringSelect", "dojo/parser", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function ( Map,BasemapGallery, HomeButton , PopupTemplate, FeatureLayer, Legend, smartMapping, array, dom, domConstruct, ItemFileReadStore, FilteringSelect, parser ) { parser.parse(); var mapOptions = { basemap: "topo", center: [11,34], zoom: 6, slider: true , }; var map = new Map("map", mapOptions); var basemapGallery = new BasemapGallery({ showArcGISBasemaps: true, map: map }, "basemapGallery"); basemapGallery.startup(); basemapGallery.on("error", function(msg) { console.log("basemap gallery error: ", msg); }); // map.enableKeyboardNavigation(); var home = new HomeButton( { map: map }, "HomeButton"); home.startup(); var fieldName = "PopTot2004"; // the counties map service uses the actual field name as the field alias // set up an object to use as a lookup table to work with user friendly field names var fields = { "PopTot2004": "Population Totale (2004)", "PopTot2005": "Population Totale (2005)", "PopTot2006": "Population Totale (2006)", "PopTot2007": "Population Totale (2007)", "PopTot2008": "Population Totale (2008)" , "PopTot2009": "Population Totale (2009)" , "PopTot2010": "Population Totale (2010)" , "PopTot2011": "Population Totale (2011)" , "PopTot2012": "Population Totale (2012)" , "PopTot2013": "Population Totale (2013)" , "PopTot2014": "Population Totale (2014)", "NOM" : "NOM" }; var outFields = ["PopTot2004", "PopTot2005", "PopTot2006", "PopTot2007","PopTot2008","PopTot2009","PopTot2010","PopTot2011","PopTot2012","PopTot2013","PopTot2014","NOM"]; //create popup var popupTemplate = new PopupTemplate({ title: "{NOM}", fieldInfos: [ { "fieldName": fieldName, "label": fields[fieldName], "visible": true, "format": { places: 0, digitSeparator: true } }], showAttachments: true }); layer = new FeatureLayer("http://41.231.36.249/sirgeo/rest/services/SIR-Gouv/demographie_gouv/MapServer/0", { "id": "Chad", "infoTemplate": popupTemplate, "mode": FeatureLayer.MODE_SNAPSHOT, "outFields": outFields, "opacity": 0.8 }); //only working with Washington state //layer.setDefinitionExpression("Region='NO'"); map.addLayer(layer); layer.on("load", function () { createRenderer(fieldName); }); function createRenderer(field) { //smart mapping functionality begins smartMapping.createClassedColorRenderer({ layer: layer, field: field, basemap: map.getBasemap(), classificationMethod: "quantile" , numClasses:3, //ClassBreakInfo(null, minValue:100000, maxValue:250000), showOthers:false }).then(function (response) { layer.setRenderer(response.renderer); layer.redraw(); createLegend(map, layer, field); }); } //this function gets called when fields are selected to render function updateAttribute(ch) { map.infoWindow.hide(); var popupTemplateUpdated = new PopupTemplate({ title: "{NOM}", fieldInfos: [{ "fieldName": ch, "label": fields[ch], "visible": true, "format": { places: 0, digitSeparator: true } }], showAttachments: true }); layer.setInfoTemplate(popupTemplateUpdated); createRenderer(ch); layer.redraw(); createLegend(map, layer, ch); } //Create a legend function createLegend(map, layer, field) { //If applicable, destroy previous legend if (legend) { legend.destroy(); domConstruct.destroy(dom.byId("legendDiv")); } // create a new div for the legend var legendDiv = domConstruct.create("div", { id: "legendDiv" }, dom.byId("legendWrapper")); legend = new Legend({ map: map, layerInfos: [{ layer: layer, title: "Indicateur: " , }] }, legendDiv); legend.startup(); } // create a store and a filtering select for the county layer's fields var fieldNames, fieldStore, fieldSelect; fieldNames = { "identifier": "value", "label": "name", "items": [] }; array.forEach(outFields, function (f) { if (array.indexOf(f.split("_"), "NOM") == -1) { // exclude attrs that contain "NAME" fieldNames.items.push({ "name": fields , "value": f }); } }); fieldStore = new ItemFileReadStore({ data: fieldNames }); fieldSelect = new FilteringSelect({ displayedValue: fieldNames.items[0].name, value: fieldNames.items[0].value, name: "fieldsFS", required: false, store: fieldStore, searchAttr: "name", style: { "width": "290px", "fontSize": "12pt", "color": "#444" } }, domConstruct.create("div", null, dom.byId("fieldWrapper"))); fieldSelect.on("change", updateAttribute); }); </script> </head> <body class="tundra"> <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width: 100%; height: 100%; margin: 0;"> <div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"> <div id="feedback"> <h3>Population Totale(milliers habitants) </h3> <div id="info"> Sélectionnez une année pour une visualisation cartographiqe . </div> <div id="legendWrapper"></div> <div id="fieldWrapper"> Veuillez choisir l'année </div> </div> </div> </div> <div id="HomeButton"></div> <div style="position:absolute; left:20px; top:150px; z-Index:999;"> <div data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Fond de carte', closable:false, open:false"> <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;"> <div id="basemapGallery"></div> </div> </div> </div> </body> </html>

‎02-16-2018

Ok thank you

‎02-16-2018

Hi Mehretab , What about the widget to toggle betwenn group of layers ?

‎08-14-2017

Hi Robert , I want my layers to be developed . On Fri, Aug 11, 2017 at 2:41 PM, Robert Scheitlin, GISP <[email protected]>

‎08-10-2017

Hi Robert , is there a solution to make an enhanced search for many layers . Please what about enhanced layer list in javascript ?

Online Status	Offline
Date Last Visited	‎11-11-2020 02:23 AM

My Ideas

Latest Contributions by AmalHorchi

Re: How to add print widget to my map ?

Re: Bar Chart Cedar Widget v1.3 - 04/18/2018

Re: Datawarehouse VS Datastore

Re: Bar Chart Cedar Widget v1.3 - 04/18/2018

Re: Bar Chart Cedar Widget v1.3 - 04/18/2018

Datawarehouse VS Datastore

Re: How to add print widget to my map ?

Re: Webapp Builder Layer List Widget

How to add print widget to my map ?

Re: Webapp Builder Layer List Widget

Re: Enhanced Search Widget Version 2.13 - 09/25/19

Re: Webapp Builder Layer List Widget

Re: Webapp Builder Layer List Widget

Re: Enhanced Search Widget Version 2.13 - 09/25/19

Re: Enhanced Search Widget Version 2.13 - 09/25/19

Datawarehouse VS Datastore