This is the code i am using for creating dropdown list of layers to be displayedon a map...but the dropdown is not activated ie., when an option is selected that is not shown on the map.i don’t know what is the problem?

Question

<!DOCTYPE html>

<html>

<head>

<title>Simple Map</title>

<style>

html, body, {

height: 100%;

width: 100%;

margin: 0;

padding: 0;

}

body {

background-color: #FFF;

overflow: hidden;

font-family: "Trebuchet MS";

}

</style>

var map;

require(["esri/map", "esri/layers/FeatureLayer", "dojo/domReady!"],

function (Map, FeatureLayer) {

map = new Map("map", {

basemap: "topo",

center: [79.267180899999970000, 17.052389000000000000], // longitude, latitude

});

});  // require ends

function myFunction() {

var layerUrl = document.getElementById("mySelect").value;

var demographicsLayer = new FeatureLayer(layerUrl);

map.addLayer(demographicsLayer);

alert('hello');

}

</script>

</head>

<body>

<div>

<option value="http://localhost:6080/arcgis/rest/services/new/FeatureServer/7">Boundary</option>

<option value="http://localhost:6080/arcgis/rest/services/rasterD/sde_sde_f_distr/ImageServer">Fluorine</option>

<option value="http://localhost:6080/arcgis/rest/services/rasterD/sde_sde_p_distr/ImageServer">Population</option>

<option value="http://localhost:6080/arcgis/rest/services/rasterL/sde_sde_streams/ImageServer">Streams</option>

</select>

</div>

</body>

</html>

JaiSiva1 · Answer

<!DOCTYPE html>

<html>

<head>

<title>Simple Map</title>

<style>

html, body, {

height: 100%;

width: 100%;

margin: 0;

padding: 0;

}

body {

background-color: #FFF;

overflow: hidden;

font-family: "Trebuchet MS";

}

</style>

var map;

var ImgService;

var ImgParams;

var GPoint;

var config = {

"http://sampleserver6.arcgisonline.com/arcgis/rest/services/Toronto/ImageServer":[-79.40, 43.64]

};

require([

"esri/map",

"esri/layers/ArcGISImageServiceLayer",

"esri/layers/ImageServiceParameters",

"esri/geometry/Point",

"dojo/domReady!"],

function (Map, ArcGISImageServiceLayer,ImageServiceParameters,Point) {

ImgService = ArcGISImageServiceLayer;

ImgParams = ImageServiceParameters;

GPoint = Point;

map = new Map("map", {

basemap: "topo",

center: [79.267180899999970000, 17.052389000000000000]}); // longitude, latitude

});

var demographicsLayer =  false;

function myFunction() {

var layerUrl = document.getElementById("mySelect").value;

if(layerUrl != "000"){

if(demographicsLayer){ map.removeLayer(demographicsLayer); }

var params = ImgParams();

var demographicsLayer = new ImgService(layerUrl,{ imageServiceParameters: params });

map.addLayer(demographicsLayer);

var mapPoint = new GPoint(config[layerUrl]);

map.centerAndZoom(mapPoint, 12);

}

</script>

</head>

<body>

<div>

<option value="000">Choose option</option>

</select>

</div>

</body>

</html>

aneeshasatya · Answer

Thanks for the reply..

even now i am not able to see my layers....when i selected a layer it is showing the alert message 'hello'

aneeshasatya · Answer

Thanks for the reply..

even now i am not able to see my layers....when i selected a layer it is

showing the alert message 'hello'

DuncanHornby_0-1776164514874.png

VinceZafra_0-1622749913638.png

RussRoberts_0-1776171725501.png

RussRoberts_1-1776171796323.png

Neal_t_k_0-1776171998569.png