|
POST
|
I will do that, thanks. Out of curiosity, what are the other two downloads for? I've actually downloaded them once before when on the phone with an analyst, but we both weren't sure what they did.
... View more
12-12-2023
12:03 PM
|
0
|
4
|
13393
|
|
POST
|
Thanks for the response. Yes, I'm running in Admin mode. No, package-lock.json is missing from the client folder. I was also attempting to decipher this, but no luck so far. npm ERR! The `npm ci` command can only install with an existing package-lock.json or
npm ERR! npm-shrinkwrap.json with lockfileVersion >= 1. Run an install with npm@5 or
npm ERR! later to generate a package-lock.json file, then try again. Edit: I just copy/pasted the package-lock.json file but that resulted in tons of missing components.
... View more
12-12-2023
11:40 AM
|
0
|
6
|
13404
|
|
POST
|
Currently I'm running Node.js v. 18.18.2 as suggested in this post with ExB v. 1.13. The command npm ci runs without error in the server directory. It errors in the client directory. I've already tried with the latest Node.js v. 20.1.0. No difference. C:\WINDOWS\system32>cd C:\ArcGISExperienceBuilder\client
C:\ArcGISExperienceBuilder\client>npm ci
npm ERR! code EUSAGE
npm ERR!
npm ERR! The `npm ci` command can only install with an existing package-lock.json or
npm ERR! npm-shrinkwrap.json with lockfileVersion >= 1. Run an install with npm@5 or
npm ERR! later to generate a package-lock.json file, then try again.
npm ERR!
npm ERR! Clean install a project
npm ERR!
npm ERR! Usage:
npm ERR! npm ci
npm ERR!
npm ERR! Options:
npm ERR! [--install-strategy <hoisted|nested|shallow|linked>] [--legacy-bundling]
npm ERR! [--global-style] [--omit <dev|optional|peer> [--omit <dev|optional|peer> ...]]
npm ERR! [--strict-peer-deps] [--foreground-scripts] [--ignore-scripts] [--no-audit]
npm ERR! [--no-bin-links] [--no-fund] [--dry-run]
npm ERR! [-w|--workspace <workspace-name> [-w|--workspace <workspace-name> ...]]
npm ERR! [-ws|--workspaces] [--include-workspace-root] [--install-links]
npm ERR!
npm ERR! aliases: clean-install, ic, install-clean, isntall-clean
npm ERR!
npm ERR! Run "npm help ci" for more info It was suggested in my earlier post to run these commands, but they make no difference. //Turns off ssl
npm set strict-ssl false
//Installs node packages
npm ci
//Turns ssl back on for future protection
npm set strict-ssl true During this attempted installation of Node.js I checked the Chocolatey box when installing as suggested by an ESRI tech over the phone. I guess I can uninstall then reinstall leaving that unchecked. The guide pretty much leaves you hanging here.
... View more
12-12-2023
11:21 AM
|
2
|
12
|
14121
|
|
POST
|
I'm following the guide for the ArcGIS Experience Builder Server install. According to this I can use any of the following Node.js versions. For Windows, I've tried v. 16 and the latest v. 20.10. 0. For Experience Builder 1.12 and newer, we support Node.js of version 16,18,19,20, but not Node 17. Where I'm running into problems is in step 9 of hte guide. Each time I try different combinations of Experience Builder download with a version of Node.js I get this error in the (Administrator) command prompt: C:\Users\jpilbeam>cd C:\ArcGISExperienceBuilder\server
C:\ArcGISExperienceBuilder\server>npm ci
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code SELF_SIGNED_CERT_IN_CHAIN
npm ERR! errno SELF_SIGNED_CERT_IN_CHAIN
npm ERR! request to https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz failed, reason: self signed certificate in certificate chain
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\jpilbeam\AppData\Local\npm-cache\_logs\2023-12-08T21_40_00_057Z-debug-0.log Don't see much documentation on it. According to the key I can trust the cert, which I did. Even still I get the same error. Experience Builder uses a self-signed certificate in Node.js to support HTTPS. You can run Experience Builder using this certificate by trusting it, or you can use your own certificate. To change the default certificate with your own, replace these two files in the server/cert directory: server.key and server.cert.
... View more
12-08-2023
02:00 PM
|
0
|
1
|
65874
|
|
POST
|
Searching "unable to share" in Google got me this: https://support.esri.com/en-us/knowledge-base/problem-unable-to-share-surveys-publicly-in-arcgis-surv-000017424#:~:text=Navigate%20to%20Organization%20%3E%20Settings%20%3E%20Security,can%20share%20content%20publicly%20option.
... View more
12-01-2023
07:43 AM
|
0
|
0
|
1923
|
|
POST
|
That looks like a different error than the one I created the post about. Can you provide a screenshot of the error including where you are seeing it?
... View more
12-01-2023
06:36 AM
|
0
|
1
|
1929
|
|
POST
|
Hi @jcarlson, Are you saying you've used CSS in a List element's text editor? I've tried some simple internal CSS and each time it gets filtered out. Before: After:
... View more
11-16-2023
08:45 AM
|
0
|
1
|
2429
|
|
POST
|
Hi @ToddFagin , Would it be possible for you to post your working code? I have a similar situation.
... View more
10-23-2023
06:53 PM
|
0
|
1
|
4410
|
|
POST
|
Is there something similar to the District Lookup Widget you can use with the JavaScript SDK? I'd like to search an address and display the features of a hosted feature layer. Using the Search widget with multiple sources example , it allows me to search by features of a feature layer, however this requires the user to know what to look for. I'm looking enter an address to get the feature and its attributes--something similar to the District Lookup Widget. This is what I currently have using the search widget. <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>Access Will County</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.27/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.27/"></script>
<script>
require(["esri/Map", "esri/views/MapView", "esri/layers/FeatureLayer", "esri/widgets/Search"], (
Map,
MapView,
FeatureLayer,
Search
) => {
const map = new Map({
basemap: "dark-gray-vector"
});
const view = new MapView({
container: "viewDiv",
map: map,
center: [-88, 41.5], // lon, lat
scale: 1000000
});
const featureLayerService = new FeatureLayer({
url:
"https://services.arcgis.com/fGsbyIOAuxHnF97m/arcgis/rest/services/DialARide_Service_Areas/FeatureServer",
popupTemplate: {
// autocasts as new PopupTemplate()
title: "Service Area: {Service}",
overwriteActions: true
}
});
const searchWidget = new Search({
view: view,
// allPlaceholder: "Search",
searchAllEnabled: false,
includeDefaultSources: false,
sources: [
{
name: "Search by address",
placeholder: "search by address",
apiKey: "Your API Key Here",
singleLineFieldName: "SingleLine",
url: "https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer"
},
{
layer: featureLayerService,
searchFields: ["Service"],
displayField: "Service",
exactMatch: false,
outFields: ["Service"],
name: "Search by Service Area",
placeholder: "example: Will Ride"
}
]
});
// Add the search widget to the top left corner of the view
view.ui.add(searchWidget, {
position: "top-right"
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
10-19-2023
07:21 AM
|
0
|
3
|
1378
|
|
POST
|
After creating a case, we found out it was not in the javascript. Rather, one (or all) of the layers in the webmap was causing the warning as it was rendering. I had a hand full of ArcGIS server web services (orthos and lidar) in the webmap. After creating a new webmap and adding those layers with the exact same properties, styles and effects the warning was no longer there. If anything, it's a work-around.
... View more
10-05-2023
12:42 PM
|
0
|
0
|
1851
|
|
POST
|
After looking closer the renderingRule has been depreciated. https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ImageryLayer.html#renderingRule
... View more
10-04-2023
09:13 AM
|
0
|
1
|
1870
|
|
POST
|
I updated my app to v. 4.27 from 4.24 and now I'm getting this warning. I changed the property from ImageryLayer to rasterFunction, however that caused the imagery not to draw. Any help appreciated. EDIT: The app I'm working with uses webmaps. In the webmaps are map services. Here is the script: <script>
require(["esri/Map",
"esri/views/MapView",
"esri/widgets/Search",
"esri/widgets/Locate",
"esri/widgets/LayerList",
"esri/layers/ImageryLayer",
"esri/widgets/Legend",
"esri/widgets/Expand",
"esri/widgets/Swipe",
"esri/WebMap",
"esri/layers/support/RasterFunction",
], (Map, MapView, Search, Locate, LayerList, ImageryLayer, Legend, Expand, Swipe, WebMap, RasterFunction) => {
//webmap IDs
const webmapids = [
"e67a8eb6768641c19d4a7c5df394dbf4", //DTM
"bfc5b0242adb42bfb0fc41e54497dfc8", //DSM
"6ed3d2e495db4e859a73d2a32ce3d576", //HEDEM
"d653b18bc941458491e06e657e10f393", //Intensity
"a9ab25b1c7204764b2fabad6fc7a4635", //IR
"e6bab92ebc524072a3305ec8f128e8f8", //Soil
"2f9acebfb8db4e10bb6dddab8d3239c7", //ClosedDepressions
];
const webmaps = webmapids.map((webmapid) => {
return new WebMap({
portalItem: {
// autocasts as new PortalItem()
id: webmapid,
}
});
});
console.log("map constructor created")
// add image services used in the swipe map
const imagery2021 = new ImageryLayer({
url: "https://gis.willcountyillinois.com/image/rest/services/Orthoimagery/Orthos_2021_6IN/ImageServer",
rasterFunction: [],
// title: "2021 Orthoimagery 6in",
});
// webmaps[0].add(imagery2021);
/************************************************************
* Initialize the View with the first WebMap
************************************************************/
const view = new MapView({
map: webmaps[0],
container: "viewDiv"
});
//use promise function.when to add the imagery layer after the webmap group layer, hence, rendering it over the group layers
view.when(function () {
webmaps[0].add(imagery2021);
});
// create a new Swipe widget
const swipe = new Swipe({
leadingLayers: [imagery2021],
// trailingLayers: [imagery2021],
position: 35, // set position of widget to 35%
dragLabel: "drag left or right",
view: view
});
// add the widget to the view
view.ui.add(swipe);
/************************************************************
* On a button click, change the map of the View
************************************************************/
document.querySelector(".btns").addEventListener("click", (event) => {
const id = event.target.getAttribute("data-id");
if (id) {
const webmap = webmaps[id];
view.map = webmap;
webmap.when(function () { webmap.add(imagery2021); });
const nodes = document.querySelectorAll(".btn-switch");
for (let idx = 0; idx < nodes.length; idx++) {
const node = nodes[idx];
const mapIndex = node.getAttribute("data-id");
if (mapIndex === id) {
node.classList.add("active-map");
} else {
node.classList.remove("active-map");
}
}
}
});
// group widgets on right so expand does not cover other widgets on that side
let expand1 = new Expand({
expandTooltip: "info",
view: view,
content: document.getElementById("infoDiv"),
expandIconClass: "esri-icon-question",
group: "top-right"
});
let expand2 = new Expand({
expandTooltip: "legend",
view: view,
content: new Legend({
view: view,
style: "classic", // other styles include 'classic'
}),
expanded: false,
group: "top-right"
});
let expand3 = new Expand({
expandTooltip: "layer list",
view: view,
content: new LayerList({
view: view,
}),
group: "top-right",
});
view.ui.add([expand1, expand2, expand3], "top-right");
//add search widget
const searchWidget = new Search({
view: view,
});
const searchWidgetExpand = new Expand({
content: searchWidget,
expanded: false,
})
//add search widget to the view
view.ui.add(searchWidgetExpand, {
position: "top-left"
});
//locate widget
const locateBtn = new Locate({
view: view
});
//add locate widget to the view
view.ui.add(locateBtn, {
position: "top-left"
});
});
</script>
... View more
10-04-2023
08:12 AM
|
0
|
2
|
1899
|
|
POST
|
Is the search widget not included? I've put "search" and "Search" in the ui.compenents and they cause an error. ui.components = [
"attribution",
"zoom",
"search"
];
... View more
09-26-2023
09:26 AM
|
0
|
1
|
2084
|
|
POST
|
This works to remove it completely with v. 4.27. const view = new MapView({
container: "viewDiv",
map: map,
// Exclude the zoom widget from the default UI
ui: {
components: ["attribution"]
}
}); The sample code doesn't mention how to disable the zoom widget on mobile device only. Is that possible? It's not so practical and takes up too much room.
... View more
09-26-2023
07:09 AM
|
0
|
3
|
2109
|
|
POST
|
The app I'm working on is basically a conglomeration of some of the samples. It works fine as is. In it, if you click on a point in the map you will see the text from the feature's Description field update in the sidebar. I want the same thing to happen when you click an option in the "Search by Category" drop-down. Working app is here I've been working in the section of code that puts the pop-up result in the sidebar. I can't find a reproducible sample for what I want to do. //Popup in sidebar
view.when().then(function () {
// Create a default graphic for when the application starts
const graphic = {
popupTemplate: {
content: "To search by item make sure Search by Category is set to 'Select one'.<br> <br>Businesses should note that they will find more appropriate listings if they check Business under the search box. Hit Search after changing from Residential to Business or vice versa."
},
};
// Provide a graphic to a new instance of a Feature widget
const feature = new Feature({
container: "sidebar",
graphic: graphic,
map: view.map,
spatialReference: view.spatialReference
});
// description variable
var sidebardescription = {
//autocasts the new template
content: [
{
//set a descriptive text element
type: "text", // TextContentElement
text: "{Description}"
},
]
};
view.whenLayerView(recycleLayer).then(function (layerView) {
let highlight;
// listen for the pointer-move event on the View
view.on("click", function (event) {
// Perform a hitTest on the View
view.hitTest(event).then(function (event) {
// Make sure graphic has a popupTemplate
let results = event.results.filter(function (result) {
return result.graphic.layer.popupTemplate;
});
let result = results[0];
highlight && highlight.remove();
// On pointer-click, update the graphic of the Feature widget
// with the result
if (result) {
feature.graphic = result.graphic.clone(); //clone it to avoid mutation
feature.graphic.popupTemplate = sidebardescription;
highlight = layerView.highlight(result.graphic);
} else {
feature.graphic = graphic;
}
});
console.info("popup chosen")
});
});
});
... View more
09-19-2023
01:46 PM
|
0
|
0
|
792
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 2 weeks ago | |
| 1 | 4 weeks ago | |
| 1 | 07-24-2025 01:27 PM | |
| 1 | 11-13-2025 08:22 AM | |
| 1 | 11-12-2025 08:37 AM |
| Online Status |
Online
|
| Date Last Visited |
3m ago
|