Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About deleted-user-9_yPCHk-_Xlk
deleted-user-9_
New Contributor II
since
09-12-2018
11-11-2020
7
Posts created
2
Kudos given
0
Solutions
6
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(0 Idea Submissions)Latest Contributions by deleted-user-9_yPCHk-_Xlk
|
POST
|
Biraja, Thank you for your response. I took a look at this sample and associated documentation, but I still cannot find what I am looking for. I am trying to insert a placeholder because the users don't necessarily know the format that the CoordinateConversion widget will accept. I am trying to input a custom placeholder for each coordinate type. I hope this snip will better illustrate what I am trying to change. Thank you, Clinton
... View more
03-12-2019
05:19 AM
|
0
|
0
|
453
|
|
POST
|
I cannot seem to find a straightforward way of changing the placeholder text in the "Input Coordinate" section of the Coordinate Conversion Widget in order to give the user an example of a valid coordinate format.. Does anybody have a way to do this? Thank you, Clinton
... View more
03-07-2019
09:37 AM
|
0
|
3
|
578
|
|
POST
|
I'm trying to find the possible events that the new measurement widgets can have. DirectLineMeasurement3D | API Reference | ArcGIS API for JavaScript 4.10 For example, I am trying to fire an event when measuring is finished. Something like: measureWidget.on('measure-end', function (event) {
console.log(event);
}); I can see in other widgets where it is easy to find a the possible events that a widget can fire, but not in either of the measurement widgets. Thank you, Clinton
... View more
02-06-2019
08:31 AM
|
0
|
1
|
1001
|
|
POST
|
I'm not really sure if this was a good solution, but I was able to put something together. Does anybody have any suggestions? In addition, it seems like this 'listItemCreatedFunction' is happening a bunch of times (executing more times than the number of layers'. It doesn't seem to interfere with anything, but I'm wondering if it will slow down the map when expanding to multiple services with many sublayers. See codepen for live example: Add a Legend to a Layerlist (Sublayers Edition) <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Add a Legend to LayerList - 4.9</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/themes/light/main.css">
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
</style>
<script src="https://js.arcgis.com/4.9/"></script>
<script>
require([
"esri/Map",
"esri/request",
"esri/views/MapView",
"esri/layers/MapImageLayer",
"esri/widgets/LayerList",
"esri/widgets/Legend"
], function (
Map, esriRequest, MapView, MapImageLayer, LayerList, Legend
) {
const citiesStatesHighways = new MapImageLayer({
url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer",
sublayers: [{
id: 2,
title: "States"
},
{
id: 1,
title: "Highways"
},
{
id: 0,
title: "Cities"
}
]
});
const map = new Map({
basemap: "dark-gray",
layers: [citiesStatesHighways]
});
// Add the map to a MapView
const view = new MapView({
container: "viewDiv",
map: map
});
// Assigning "legend" to children of parent layer
const layerList = new LayerList({
view: view,
listItemCreatedFunction: function (event) {
const item = event.item;
console.log(item);
// target elements without children (the sublayers)
if (item.children.items.length !== 0) {
// make array of the sublayers
let childrenArr = item.children.items
console.log(childrenArr);
for (let i = 0; i < childrenArr.length; i++) {
// make a request to the server to retrieve the layer image url
esriRequest(childrenArr[i].layer.url.slice(0, -1) + "legend", {
query: {
f: 'json'
},
responseType: "json"
}).then(function (response) {
let img = document.createElement("img");
// build unique url for the legend symbol
img.src = childrenArr[i].layer.url + "/images/" + response.data
.layers[i].legend[0].url;
// assign image to the sublayers in layerlist
childrenArr[i].panel = {
content: img,
open: true
}
});
}
}
}
});
view.ui.add(layerList, "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
10-23-2018
08:37 AM
|
3
|
3
|
3803
|
|
POST
|
I am trying to modify one of the samples that combines the Legend and LayerList widgets to also accommodate sublayers. It seems that if leave the default layerlist declaration (as the sample provides), it gives me all of the symbology for the sublayers at the top, and nothing inside of each sublayer. Originally, I had thought that I would just assign the "legend" to the panel of the children the parent layer, but that didn't seem to work. Any thoughts or references where this has been done before? <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Add a Legend to LayerList - 4.9</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/themes/light/main.css">
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
</style>
<script src="https://js.arcgis.com/4.9/"></script>
<script>
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/MapImageLayer",
"esri/widgets/LayerList"
], function (
Map, MapView, MapImageLayer, LayerList
) {
const citiesStatesHighways = new MapImageLayer({
url: "https://sampleserver6.arcgis.com/arcgis/rest/services/USA/MapServer",
sublayers: [{
id: 2,
title: "States"
},
{
id: 1,
title: "Highways"
},
{
id: 0,
title: "Cities"
}
]
});
const map = new Map({
basemap: "dark-gray",
layers: [citiesStatesHighways]
});
// Add the map to a MapView
const view = new MapView({
container: "viewDiv",
map: map
});
// Add a legend instance to the panel of a
// ListItem in a LayerList instance
const layerList = new LayerList({
view: view,
listItemCreatedFunction: function (event) {
const item = event.item;
if (item.layer.type != "group") { // don't show legend twice
item.panel = {
content: "legend",
open: true
};
console.log(item.panel.content);
}
}
});
// Assigning "legend" to children of parent layer - not working
// const layerList = new LayerList({
// view: view,
// listItemCreatedFunction: function (event) {
// const item = event.item;
// console.log(item);
// // target elements without children (the sublayers)
// if (item.children.items.length !== 0) {
// let childrenArr = item.children.items
// for (let i = 0; i < childrenArr.length; i++) {
// childrenArr.panel = {
// content: "legend",
// open: true
// }
// }
// }
// }
// });
view.ui.add(layerList, "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
10-18-2018
12:05 PM
|
3
|
8
|
5166
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 3 | 10-23-2018 08:37 AM | |
| 3 | 10-18-2018 12:05 PM |
Activity Feed
- Got a Kudo for Re: Display LayerList with Legend using a MapImageLayer's sublayers. 11-11-2020 02:05 AM
- Got a Kudo for Re: Display LayerList with Legend using a MapImageLayer's sublayers. 08-21-2020 07:27 AM
- Got a Kudo for Display LayerList with Legend using a MapImageLayer's sublayers. 08-21-2020 06:40 AM
- Got a Kudo for Display LayerList with Legend using a MapImageLayer's sublayers. 07-23-2019 06:45 AM
- Got a Kudo for Re: Display LayerList with Legend using a MapImageLayer's sublayers. 07-02-2019 07:44 PM
- Got a Kudo for Display LayerList with Legend using a MapImageLayer's sublayers. 07-02-2019 07:43 PM
- Kudoed Re: Change placeholder text for input coordinate in Coordinate Conversion Widget 4.X for BirajaNayak. 03-14-2019 07:11 AM
- Posted Re: Change placeholder text for input coordinate in Coordinate Conversion Widget 4.X on ArcGIS JavaScript Maps SDK Questions. 03-12-2019 05:19 AM
- Posted Change placeholder text for input coordinate in Coordinate Conversion Widget 4.X on ArcGIS JavaScript Maps SDK Questions. 03-07-2019 09:37 AM
- Kudoed Re: Possible events for new Measurement widgets 4.10 for KellyHutchins. 02-11-2019 08:06 AM
- Posted Possible events for new Measurement widgets 4.10 on ArcGIS JavaScript Maps SDK Questions. 02-06-2019 08:31 AM
- Tagged Possible events for new Measurement widgets 4.10 on ArcGIS JavaScript Maps SDK Questions. 02-06-2019 08:31 AM
- Tagged Possible events for new Measurement widgets 4.10 on ArcGIS JavaScript Maps SDK Questions. 02-06-2019 08:31 AM
- Posted Re: Display LayerList with Legend using a MapImageLayer's sublayers on ArcGIS JavaScript Maps SDK Questions. 10-23-2018 08:37 AM
- Posted Display LayerList with Legend using a MapImageLayer's sublayers on ArcGIS JavaScript Maps SDK Questions. 10-18-2018 12:05 PM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
11-11-2020
02:24 AM
|