Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About RobertKirkwood
RobertKirkwood
Occasional Contributor III
since
07-04-2014
05-16-2024
187
Posts created
171
Kudos given
2
Solutions
10
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(1 Idea Submissions)Latest Contributions by RobertKirkwood
|
POST
|
I am still using JavaScript 3.x for one of our internal web mapping applications. Is there a way to make the legend update when zooming in? It works when the map is printed see attachments. How do i get ot to just show the symbolgy that you see when zoomed in and not all of the symbology in the legend?
... View more
05-14-2024
10:22 AM
|
0
|
0
|
244
|
|
POST
|
Rob, How is it that the Print fucntion will show the legend that refelcts the data that is zoomed in? But, the actual legend does not update the same way?
... View more
05-13-2024
04:46 PM
|
0
|
0
|
139
|
|
POST
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
<link rel="shortcut icon" href="//uwoperations.uwyo.edu/uwopsmaps/Documents/Icons/favicon.ico" />
<title>Query Attachments Buildings</title>
<style>
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#attachmentsDiv {
height: 100%;
width: 30%;
float: left;
padding: 20px;
overflow: auto;
min-width: 240px;
}
#viewDiv {
height: 100%;
max-width: 70%;
}
.queryImg {
width: 175px;
padding-right: 5px;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/dark/main.css" />
<link rel="stylesheet" href="css/allStyles.css">
<script src="https://js.arcgis.com/4.29/"></script>
<!-- <script src="js/map.js"></script>
<script src="js/baseQueries.js"></script>-->
<script>
require ([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/widgets/Legend",
"esri/PopupTemplate",
"esri/popup/content/AttachmentsContent",
"esri/popup/content/support/ImageMediaInfoValue",
"esri/popup/content/ImageMediaInfo",
"esri/popup/content/MediaContent"
], function (
Map, MapView, FeatureLayer, Legend, PopupTemplate, AttachmentsContent, ImageMediaInfoValue, ImageMediaInfo, MediaContent
)
{
function showAtts (event)
{
view.hitTest (event).then (function getGraphics (response)
{
if (response.results.length) {
graphic = response.results[0].graphic;
console.log (graphic);
lyrUrl = graphic.layer.url + "/0/";
objID = graphic.getAttribute ('RemarkPoint.OBJECTID');
attID = graphic.getAttribute ('RemarkPoint__ATTACH.ATTACHMENTID');
imgUrlPath = lyrUrl + objID + "/attachments/" + attID;
let imageMediaInfoValue = new ImageMediaInfoValue ({
sourceURL: imgUrlPath
});
let imageElement = new ImageMediaInfo ({
title: "{LONGNAME}",
caption: "Photo",
value: imageMediaInfoValue
});
let mediaElement = new MediaContent ({
mediaInfos: [imageElement]
});
let template = new PopupTemplate ({
title: "{LONGNAME}",
outFields: ["*"],
showAttachments: true,
content: [mediaElement]
});
layer.popupTemplate = template;
}
});
}
// get layer from online portal
const layer = new FeatureLayer ({
url:
"https://uwoperations.uwyo.edu/hostgis/rest/services/CampusMap/CampusMap_Buildings/FeatureServer/0",
//popupTemplate: template,
outFields: ["*"]
});
// setup the map
const map = new Map ({
basemap: "topo-vector",
layers: [layer]
});
const view = new MapView ({
container: "viewDiv",
map: map,
center: [-105.567, 41.313193],
zoom: 16
});
view.ui.add (new Legend ({view: view}), "bottom-left");
let highlight;
view.on ("click", function (event)
{
clearMap ();
queryFeatures (event);
showAtts (event);
});
function queryFeatures (screenPoint)
{
const point = view.toMap (screenPoint);
// Query the for the object ids within 800m from where the user clicked
layer.queryObjectIds ({
geometry: point,
spatialRelationship: "intersects",
distance: 10,
units: "meters",
returnGeometry: false,
outFields: ["*"]
})
.then (function (objectIds)
{
if (!objectIds.length) {
showMessage ();
return;
}
// Highlight the query-area on the map
view.whenLayerView (layer).then (function (layerView)
{
if (highlight) {
highlight.remove ();
}
highlight = layerView.highlight (objectIds);
});
// Query the for the attachments from the object ids found
return layer.queryAttachments ({
attachmentTypes: ["image/jpeg"],
objectIds: objectIds
});
})
.then (function (attachmentsByFeatureId)
{
if (!attachmentsByFeatureId) {
return;
}
if (Object.keys (attachmentsByFeatureId).length === 0) {
const infoP = document.createElement ("p");
infoP.innerHTML = "<b>There are no building image/jpeg attachments located in your query area.</b>";
document.getElementById ("queryResults").appendChild (infoP);
}
// Display the attachments
Object.keys (attachmentsByFeatureId)
.forEach (function (objectId)
{
const attachments = attachmentsByFeatureId[objectId];
attachments.forEach (function (attachment)
{
const image = document.createElement ("img");
image.src=attachment.url;
image.className = "queryImg";
document.getElementById ("queryResults").appendChild (image);
});
});
})
.catch (function (error)
{
showMessage ();
})
}
function showMessage ()
{
clearMap ();
const infoP = document.createElement ("p");
infoP.innerHTML = "<b>There are no building image/jpeg attachments located in your query area. Please click within the feature layer to get results.</b>";
document.getElementById ("queryResults").appendChild (infoP);
}
// Clear attachments from div
function clearMap ()
{
if (highlight) {
highlight.remove ();
}
const att = document.getElementById ("queryResults");
while (att.firstChild) {
att.removeChild (att.firstChild);
}
}
});
</script>
</head>
<body>
<div id="attachmentsDiv" class="esri-widget">
<h2 align="center"> <input id="LogoA" title="UW Website" type="image" alt="LogoA" src="Icons/UWWebA.png"
onClick="javascript: return popitup ('http://www.uwyo.edu/')" /></h2>
<h2>Building Photos</h2>
<p>Click somewhere in the map to query for images of trees located on a block within 800m of your desired location.
</p>
<div id="queryResults"></div>
</div>
<div id="viewDiv"></div>
</body>
</html>
... View more
03-05-2024
05:59 AM
|
0
|
0
|
502
|
|
POST
|
I am still getting a broken picture. Can you show the rest of the code? I may be missing where getGraphics is being used. My code is below Thanks!
... View more
03-04-2024
04:21 PM
|
0
|
0
|
509
|
|
POST
|
Is there a way to do a carriage return using this method?
... View more
06-27-2023
09:32 AM
|
0
|
0
|
1437
|
|
POST
|
Thanks for the information! I did try the Popup Actions. I need to work with it a bit more to get it to work.
... View more
06-27-2023
09:17 AM
|
0
|
0
|
323
|
|
POST
|
I used to be able to add a button to the pop code (see below and attachments). It worked until after ArcGIS API for JavaScript (legacy) 3.36. Anything after that the html tags do not work for buttons, inputs, etc. Is there a different way to do this? countyTemplate = new PopupTemplate ({
title: "Counties",
description: "<button type='button'onClick=javascript:countyAssessor('{jurisdicti}')>Click for {jurisdicti} County Assessor web page</button>"
});
... View more
06-23-2023
07:38 AM
|
0
|
0
|
3609
|
|
IDEA
|
I am using the JavaScript 3.x API to create a PDF print out from a print service. I would like tp only show the feature that are shown in the map extent. For example, I use the BLM Surface owner layer. There are about 20 different symbol classes in the symbology. Most of the time the user is zoomed in and there are two to three different symbols. When the map is exported all the symbols show up.
... View more
08-16-2022
11:47 AM
|
1
|
0
|
354
|
|
POST
|
How would i query value less than todays date? i was trying something like query.where = GETDATE() >= "EXPIRATION_DATE" But this is not working. Any thoughts?
... View more
06-15-2022
11:57 AM
|
0
|
2
|
1342
|
|
POST
|
Not sure if this has been mentioned before, but I would really like to be able to use the same function that I am able to use in ArcGIS Layout View, where I can check to only display items in the TOC that are checked, or to only show items that are in the map extent. Right now in a web map, even after I filter, all of the items still show in the TOC and legend. I can somewhat bypass this by dragging all of the icons I don't want to show up in the legend of a web map/app under the Other option in the Change Style (Unique symbols) Has anyone solved this for the TOC widget?
... View more
02-02-2022
12:05 PM
|
0
|
0
|
653
|
|
IDEA
|
Can this be done in JavaScript using the Legend widget?
... View more
02-02-2022
12:01 PM
|
0
|
0
|
1775
|
|
POST
|
Is there a way to only show items in the legend that are displayed in the map? For example, I have 4 symbols for a feature. If I zoom in and only 2 symbols are visible can the legend update to show only those 2 symbols?
... View more
02-02-2022
09:10 AM
|
0
|
0
|
597
|
|
POST
|
Kory, Has this issue been figured out? The University of Wyoming is using WebRoot. They do not plan on changing that. This is a big issue for many of our staff on campus. Thanks
... View more
07-30-2020
02:21 PM
|
0
|
1
|
1210
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | 08-16-2022 11:47 AM | |
| 1 | 06-28-2017 06:36 AM | |
| 1 | 06-23-2016 06:54 AM | |
| 1 | 03-19-2015 01:21 PM | |
| 1 | 07-20-2017 06:07 AM |
Activity Feed
- Posted Re: How to show Dynamic legend for categories using unique values of one field. ??? on ArcGIS JavaScript Maps SDK Questions. 05-15-2024 09:33 AM
- Kudoed Re: How to show Dynamic legend for categories using unique values of one field. ??? for RobertScheitlin__GISP. 05-15-2024 09:33 AM
- Posted Javascript 3.x dynamic Legend on ArcGIS JavaScript Maps SDK Questions. 05-14-2024 10:22 AM
- Posted Re: How to show Dynamic legend for categories using unique values of one field. ??? on ArcGIS JavaScript Maps SDK Questions. 05-13-2024 04:46 PM
- Posted Re: Display Attachement in Popup Template on ArcGIS JavaScript Maps SDK Questions. 03-05-2024 05:59 AM
- Tagged Re: Display Attachement in Popup Template on ArcGIS JavaScript Maps SDK Questions. 03-05-2024 05:59 AM
- Kudoed Re: Display Attachement in Popup Template for cadgism. 03-04-2024 04:22 PM
- Posted Re: Display Attachement in Popup Template on ArcGIS JavaScript Maps SDK Questions. 03-04-2024 04:21 PM
- Posted Re: Display labels/text symbols without overlap on ArcGIS JavaScript Maps SDK Questions. 06-27-2023 09:32 AM
- Posted Re: Adding a button to a popup on ArcGIS Web AppBuilder Questions. 06-27-2023 09:17 AM
- Kudoed Re: Adding a button to a popup for JeffreyWilkerson. 06-27-2023 09:17 AM
- Posted Re: Adding a button to a popup on ArcGIS Web AppBuilder Questions. 06-23-2023 07:38 AM
- Got a Kudo for Webmap Printout Legend only show classes in map extent in JavaScript 3.x. 08-16-2022 11:51 AM
- Posted Webmap Printout Legend only show classes in map extent in JavaScript 3.x on ArcGIS Online Ideas. 08-16-2022 11:47 AM
- Tagged Webmap Printout Legend only show classes in map extent in JavaScript 3.x on ArcGIS Online Ideas. 08-16-2022 11:47 AM
- Kudoed Re: Print legend on map for RobertScheitlin__GISP. 08-16-2022 11:34 AM
- Kudoed Re: Print legend on map for BrianFoley1. 08-16-2022 11:34 AM
- Posted Re: query Date Range syntax on ArcGIS JavaScript Maps SDK Questions. 06-15-2022 12:55 PM
- Kudoed Re: query Date Range syntax for RobertScheitlin__GISP. 06-15-2022 12:55 PM
- Posted Re: query Date Range syntax on ArcGIS JavaScript Maps SDK Questions. 06-15-2022 11:57 AM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
05-16-2024
02:02 PM
|