|
POST
|
Maybe it's a settings somewhere. I used our create CLI to make this angular app and I can get the ready state. Here is a github repo, maybe something in the angular.json can help? I'm not an Angular expert, so can't say for sure. https://github.com/odoe/arcgis-angular-lifecycle/blob/main/src/app/app.html
... View more
a week ago
|
1
|
0
|
255
|
|
POST
|
As Anne mentioned, if you can provide feedback on what your level of customization is, that would help us with our planned work. On knowing when things are done, it gets a little tricky component to component. componentOnReady promise lets you know the component has been initialized and rendered once, fully loaded. This doesn't mean it's done loading though. A component like TimeSlider is still gathering info from the layers and map and could update again. It's useful to know when default values are assigned or when you can use methods on a component. arcgisReady event lets you know that the component has a reference to the underlying view rendering the map. Meaning it can now communicate with the map. But again, it doesn't mean that the component is done working and could update its UI. One option is to listen for the arcgisPropertyChange event and check for when the state property changes to ready. You can try this to see if it has done rendering with all the data that it needs. timeSlider.addEventListener("arcgisPropertyChange", (event) => {
// Check for state change
if (event.detail.name === "state") {
console.log("Property change name: ", event.detail.name);
console.log("Property change value: ", event.target[event.detail.name]);
// if state is "ready", try checking for UI changes
}
}); Demo: https://codepen.io/odoe/pen/NPRVxzO?editors=1000
... View more
2 weeks ago
|
2
|
2
|
334
|
|
POST
|
This will depend on how you are building your app. They key is to set this up before the map-components load or added to the DOM. One good way is to set them on the global esriConfig object. https://codepen.io/odoe/pen/LYaveKr <head>
<script>
// use the global esriConfig variable to initialize properties
var esriConfig = {
// No map will load with fake portal
portalUrl: "https://myHostName.esri.com/arcgis"
};
</script>
<script type="module" src="https://js.arcgis.com/5.0/"></script>
</head>
<body>
<arcgis-map item-id="d5dda743788a4b0688fe48f43ae7beb9">
<arcgis-expand slot="top-right">
<arcgis-search></arcgis-search>
</arcgis-expand>
<arcgis-legend slot="bottom-left"></arcgis-legend>
</arcgis-map>
</body> You can also use a script tag in the <head> to set this up. Then you can write your app code in a script tag in the last element of the body. https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-a-cdn-application Another way is to create the WebMap yourself and assign it to the map component. https://developers.arcgis.com/javascript/latest/programming-patterns/#using-webmap-or-webscene https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-an-esm-application
... View more
03-10-2026
06:22 AM
|
0
|
0
|
272
|
|
POST
|
The equivalent to manual would be the default slot, basically don't name a slot and it goes into the default location. https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#slot-default Here's a demo: https://codepen.io/odoe/pen/ZYpWjXQ?editors=1000
... View more
03-05-2026
03:57 PM
|
0
|
1
|
271
|
|
POST
|
You hit the nail on the head with the casting. This is how you can get the action typings you are looking for. We can look at this further and see if we can infer this in a future release, but that is the current solution.
... View more
03-03-2026
06:27 AM
|
0
|
1
|
192
|
|
POST
|
This might be related the webpack build. When looking at what is shipped in npm, the `,:` syntax is not there. https://www.npmjs.com/package/@arcgis/core?activeTab=code
... View more
02-27-2026
06:31 AM
|
1
|
1
|
355
|
|
POST
|
I have not used this (and haven't seen it mentioned before), but looks interesting. I can try and take a crack at it though. Seems to simplify some regex I would probably would have done, lol.
... View more
01-13-2026
02:15 PM
|
1
|
0
|
323
|
|
POST
|
You should be able to accomplish this with CIMSymbol. Here is an older blog post that walks through the process of converting SVG to CIM using the CIMSymbolBuilder. https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/upload-symbols-from-svg-in-the-updated-cim-symbol-builder CIMSymbolBuilder Samples
... View more
12-31-2025
09:05 AM
|
1
|
1
|
507
|
|
POST
|
Do you have a sample on how you are taking the screenshot? I'm guessing you are writing your own screenshot code or using a third-party lib? The takeScreenshot method doesn't include UI elements.
... View more
12-26-2025
09:05 AM
|
0
|
0
|
250
|
|
POST
|
This is a current limitation of the Popup widget in map-components. We do have a beta Popup component you can try in some cases (does not work with Search component yet). https://developers.arcgis.com/javascript/latest/release-notes/#popup-component-beta I did a video recently on the Popup component
... View more
12-09-2025
08:20 AM
|
1
|
0
|
488
|
|
POST
|
This is the current behavior that we are looking to fix in 5.0. If you want to try the beta Popup component, it will show up above other components, except the Popup opened by search, that is still the widget Popup. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-popup/
... View more
11-20-2025
12:05 PM
|
0
|
0
|
378
|
|
POST
|
Ah, I see. Yeah, the legend needs to wait for the map to load before it hydrates all children components. In this case, it's more appropriate to wait for mapElement.viewOnReady() or listen for the map elements arcgisViewReadyChange event. The components arcgisReady event just let's you know it now has a view, not that the view is ready.
... View more
11-19-2025
05:25 AM
|
0
|
0
|
739
|
|
POST
|
See this answer here: https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/componentonready-of-legend-map-componenet-was-not/m-p/1666543/highlight/true#M87887 You can review the components patterns guide for more assistance. https://developers.arcgis.com/javascript/latest/programming-patterns/
... View more
11-17-2025
03:12 PM
|
0
|
0
|
459
|
|
POST
|
With components, you should not be adding elements to the `view.ui`. You can add them directly to the map component. In 4.33, you can use the placement component to help with this. let arcgisMap = document.querySelector('arcgis-map');
let infoPanel = document.createElement('DIV');
let widget = document.createElement('arcgis-search');
let placement = document.createElement('arcgis-placement');
placement.position = "top-right";
infoPanel.className = 'infoPanel border';
infoPanel.innerHTML = 'Info Panel';
infoPanel.style.borderWidth = '1px';
infoPanel.style.borderColor = 'blue';
infoPanel.style.borderStyle = 'solid';
infoPanel.appendChild(widget);
placement.appendChild(infoPanel);
arcgisMap.appendChild(placement); https://codepen.io/odoe/pen/YPqVQOp?editors=1001 In 4.34, you can set the `infoPanel.slot ="top-right"` and `arcgisMap.appendChild(infoPanel)`
... View more
11-17-2025
03:10 PM
|
0
|
0
|
567
|
|
POST
|
In 4.33, the selector is still `.esri-legend`. And in this case, `componentOnReady` only means the component code has loaded and properties/methods of the component are available to access. It doesn't mean that the data for the legend to get created is loaded. You can use the `arcgisReady` event of the legend if you want to do this in 4.33. In 4.34 there is a `arcgis-legend` class, but it's in the shadowRoot and can't be queried via conventional means. So that won't work.
... View more
11-17-2025
03:03 PM
|
0
|
0
|
789
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | a week ago | |
| 2 | 2 weeks ago | |
| 1 | 02-27-2026 06:31 AM | |
| 1 | 01-13-2026 02:15 PM | |
| 1 | 12-31-2025 09:05 AM |
| Online Status |
Offline
|
| Date Last Visited |
13 hours ago
|