|
POST
|
When working with the map-components, if a component is not a child of a map or scene component, you can use a "reference-element" attribute to associate them. Associate components with a Map or Scene component Create a mapping app (tutorial that uses reference-element) 12 Days of Map Components Day 1 (yt short on reference-element)
... View more
06-20-2025
05:47 PM
|
2
|
2
|
1344
|
|
POST
|
This is a good question! Because it highlights one of the changes and nuances of using web components and HTML in general. Documentation on boolean for reference. In HTML elements, the presence of an attribute is truthy. Even an empty string is truthy, so we don't have an attribute on the map components for `popup-enabled="false"` as that would be seen as true. Hopefully that makes sense. So what we did in the map-components is make all boolean properties false by default and we have different names for them on the components. In this case, you can just add `popup-disabled` to the element. Demo: https://codepen.io/odoe/pen/VYLErVR?editors=1000 <arcgis-map
item-id="45725ba7d9fb47a0925398919b13d1fa"
popup-disabled
>
</arcgis-map>
... View more
06-20-2025
05:11 AM
|
1
|
0
|
1009
|
|
POST
|
You can try adding the stylesheet for the components. At the moment it only hides components that have not been loaded, but this might help with the flickering. <link rel="stylesheet" href="https://js.arcgis.com/map-components/4.32/arcgis-map-components.css" />
... View more
06-16-2025
08:18 AM
|
1
|
0
|
469
|
|
POST
|
You can add an arcgis-home { margin: 10px; } and it will place it correctly in the action bar. It's still has a button width/height that is different on hover, but aligns right.
... View more
06-12-2025
08:55 AM
|
1
|
0
|
839
|
|
POST
|
For reference, the argisViewReadyChange event will fire when one of three things happens. The `item-id` is updated The `map` property is replaced The `basemap` property is replaced Without looking at how state/page loads are being handled in a React application, tough to tell when things are being updated and re-rendered. This event is driven by the View.ready property on views. If you want to maintain the state of the map component in a SPA type app, you can enable the autoDestroyDisabled property so that the component will not destroy itself if it is removed and added back to the page.
... View more
06-02-2025
08:23 AM
|
0
|
1
|
983
|
|
POST
|
That documentation is not official. Someone downloaded the doc from the downloads page and put that up. 4.4 is about 8 years old, so there is no view.then anymore, view.when is what you want to use.
... View more
05-27-2025
06:53 AM
|
1
|
0
|
777
|
|
POST
|
If you are using React 18, you need to use the map-components-react wrapper to get proper bindings. React 19+ supports native web components, but not 18. https://www.npmjs.com/package/@arcgis/map-components-react
... View more
05-20-2025
06:21 PM
|
0
|
1
|
1117
|
|
POST
|
Looking at this blog post, it looks like you would need to set it up in your organization. https://www.esri.com/arcgis-blog/products/arcgis-online/announcements/esri-vector-basemaps-for-united-states I haven't done this, but you might be able to go through each one and assign the region in Map Viewer.
... View more
05-20-2025
01:46 PM
|
0
|
0
|
1619
|
|
POST
|
For your basemap gallery question, you want to create a PortalBasemapSource. https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery-support-PortalBasemapsSource.html You can provide a query for basemaps to load. This sample shows it's use. https://developers.arcgis.com/javascript/latest/sample-code/basemaps-portal/
... View more
05-19-2025
08:32 AM
|
0
|
0
|
1693
|
|
POST
|
You can accomplish this by leaving the item-id and basemap empty attributes on the arcgis-map component, then creating your own map/basemap as needed. https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/how-to-use-a-basemap-with-a-specific-world-view-in-your-web-app <arcgis-map>
</arcgis-map>
<script type="module">
const VectorTileLayer = await $arcgis.import("@arcgis/core/layers/VectorTileLayer.js");
const ArcGISMap = await $arcgis.import("@arcgis/core/Map.js");
const Basemap = await $arcgis.import("@arcgis/core/Basemap.js");
const mapElement = document.querySelector("arcgis-map");
// create a VectorTileLayer from a style URL
const mapBaseLayer = new VectorTileLayer({
url: "https://basemapstyles-api.arcgis.com/arcgis/rest/services/styles/v2/styles/arcgis/topographic",
// set the worldview as a custom parameter
customParameters: {
worldview: "unitedStatesOfAmerica"
},
});
const basemap = new Basemap({
// set the VTL as the basemap layer
baseLayers: [mapBaseLayer]
});
mapElement.map = new ArcGISMap({
basemap
});
</script> https://codepen.io/odoe/pen/dPPEvgY?editors=1000
... View more
05-19-2025
08:30 AM
|
0
|
0
|
1695
|
|
POST
|
You can set this up via the SearchSource as the resultSymbol. https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LayerSearchSource.html#resultSymbol If it worked via the resultGraphic, it was in error as that is supposed to be readonly property in both the component and the widget.
... View more
05-19-2025
08:19 AM
|
0
|
0
|
609
|
|
POST
|
You can listen to the arcgisViewChange event. This event emits when stationary toggles and you can reference the properties related to the view. Demo: https://codepen.io/odoe/pen/gbbZWNP?editors=1001
... View more
05-12-2025
01:42 PM
|
0
|
1
|
1048
|
|
POST
|
Events on components are custom events, so you can find the point on "event.detail.mapPoint". We'll make this clearer in the 4.33 documentation release.
... View more
05-12-2025
09:39 AM
|
1
|
1
|
848
|
|
POST
|
Tough to tell, could you provide a basic repro on github? Not sure how the modal is created, is it a react portal or do you add/remove the map? A repro would really help to figure it out.
... View more
05-08-2025
08:06 AM
|
1
|
0
|
545
|
|
POST
|
There is no way to remove the depreciation warning if that's what you're asking. You will need to eventually migrate to components, as widgets will go away in a future release.
... View more
05-06-2025
03:50 AM
|
0
|
1
|
1711
|
| 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 |
an hour ago
|