|
POST
|
If you have a github repo, can take a look, but our samples don't use the react wrappers https://github.com/Esri/jsapi-resources/tree/main/component-samples/map-and-charts-components-react
... View more
|
0
|
0
|
165
|
|
POST
|
Yeah, any time you want to take over the Popup on click, you need to set this. Note, this only disables popup on click, it won't disable the Search popup.
... View more
|
1
|
0
|
54
|
|
POST
|
You don't need to. You can start with just `<arcgis-map>` and skip the `viewOnReady` and just assign the map. https://codepen.io/odoe/pen/RNrJdVv?editors=1000 This also makes it easier to bind a map in a framework so it could look something like `<arcgis-map map={localMap} />`
... View more
|
2
|
0
|
108
|
|
POST
|
Currently in 4.34, only way to do this will be via JS style updates via shadowRoot selectors. As we are working on the Popup component, and components in general, we are evaluating what type of design tokens we should expose in addition to the calcite tokens. These are items we can add to the list, thanks!
... View more
a week ago
|
1
|
0
|
159
|
|
POST
|
On the removing it question, right now that is via the "view.ui". https://codepen.io/odoe/pen/ZYQoxLX?editors=1000 const mapElement = document.querySelector("arcgis-map");
// wait for view prop to be useable
// map and view not ready yet
await mapElement.componentOnReady();
mapElement.view.ui.components = []; On the styling part, we don't have any tokens for this yet. Trying to target calcite tokens will impact other ui parts like Popup widget which is still in same UI as attribution. We have some plans for attribution in upcoming releases, to make this type of workflow easier. We didn't add a `hide-attribution` or `attribution-disabled` this release because those other pieces are not in place yet. This is all great feedback for us to look at when planning this feature out, thanks!
... View more
a week ago
|
2
|
0
|
177
|
|
POST
|
Is this a CDN app or npm? It's possible maybe in a CDN app that a network issue might add just enough of a delay for map-components code that defines that method to not load in time, but I hadn't seen that before. Having components script in the head and user script as last element of the body makes sure this doesn't happen.
... View more
2 weeks ago
|
2
|
2
|
127
|
|
POST
|
Do you have a codepen for this? FeatureTable isn't really designed to be slotted into the map. Even the widget samples have it outside the map, so would be tricky to get it line up if you do.
... View more
2 weeks ago
|
0
|
1
|
101
|
|
POST
|
Could you provide a use case for how you would use the value? I haven't seen this request before, but we can look at adding it if we know what the use case is.
... View more
2 weeks ago
|
0
|
1
|
244
|
|
POST
|
As promised, I think this is easier to do now in 4.34 with our beta Popup component. https://codepen.io/odoe/pen/JoGOaev?editors=1000 <arcgis-map item-id="45725ba7d9fb47a0925398919b13d1fa">
<arcgis-popup slot="popup"></arcgis-popup>
</arcgis-map>
<script type="module">
// Update code here
const mapElement = document.querySelector("arcgis-map");
const popupElement = document.querySelector("arcgis-popup");
await mapElement.componentOnReady();
// The action object that defines the action.
let viewRotateAction = {
title: "Rotate",
id: "rotate",
icon: "rotate"
};
function rotateView() {
// This property is on the element
let rotateAngle = mapElement.rotation + 45;
// This method is on the element too
mapElement.goTo({
rotation: rotateAngle
});
};
popupElement.actions.push(viewRotateAction);
popupElement.addEventListener("arcgisTriggerAction", (event) => {
if (event.detail.action.id === "rotate") {
rotateView();
}
});
</script> This is less code to write and more intuitive. Now yes, Popup comp is in beta, but it's really close. Since it's in beta, if you notice anything weird, let us know. Note: The snippet in my previous post for 4.33 will still work in 4.34 and if you don't want to use beta Popup component, stick with that for now.
... View more
2 weeks ago
|
2
|
1
|
92
|
|
POST
|
This is an interesting one, I hadn't really though about. Making note of it though. So components have most of the same props and methods that the View does, so you can access them directly on the component. With components, you can do a couple of things. Set properties on components before they are fully loaded. These properties will be used during component set up. Access properties/methods after component is loaded, something like map or goTo. Popup is kind of special, it is a lazy loaded property, so it's not a real popup until you click on the map. The view.popup has some magic in it to let you do the listeners on it before it's really a popup. We don't have that bit of magic on the component, not really, so need a couple of extra steps to do this. https://codepen.io/odoe/pen/wBMPEmw?editors=1000 const mapElement = document.querySelector("arcgis-map");
// Set popup actions as an empty array
mapElement.popup = {
actions: []
};
// Wait for the map component to fully be ready
await mapElement.viewOnReady();
// The action object that defines the action.
let viewRotateAction = {
title: "Rotate",
id: "rotate",
className: "esri-icon-rotate"
};
// Add the action to the pop-up actions.
mapElement.popup.actions.push(viewRotateAction);
// The function defining the operation.
function rotateView() {
// This property is on the element
let rotateAngle = mapElement.rotation + 45;
// This method is on the element too
mapElement.goTo({
rotation: rotateAngle
});
};
// Wait for the popup to be visible, just once
// At this point, it's a Popup instance
// and you can listen for events
when(
() => mapElement.popup.visible,
() => {
// Implement the event for the action.
mapElement.popup.on("trigger-action", function(event) {
console.log("Returned event: ", event)
if (event.action.id === "rotate") {
rotateView();
}
});
}, {
once: true
}
); This might be easier in 4.34, so keep an eye out. Edit - Yes, this will be much easier in 4.34.
... View more
3 weeks ago
|
1
|
2
|
188
|
|
POST
|
If you want to control the popup on click, you'll need to disable the popup first. If you don't do this, on click, the default popup behavior will win and can sometimes conflict with you trying to open it. https://codepen.io/odoe/pen/ByjmyBb?editors=1000 <arcgis-map item-id="45725ba7d9fb47a0925398919b13d1fa" popup-disabled>
</arcgis-map>
<script type="module">
// Update code here
const mapElement = document.querySelector("arcgis-map");
mapElement.addEventListener("arcgisViewClick", (event) => {
const {
mapPoint
} = event.detail;
mapElement.openPopup({
location: mapPoint,
title: "You clicked here",
content: "This is a point of interest"
});
});
</script>
... View more
3 weeks ago
|
1
|
1
|
124
|
|
POST
|
There was recently an issue on this in the calcite repo. You can view the solution here: https://github.com/Esri/calcite-design-system/issues/12931#issuecomment-3366724689 If you're angular set up is close their example app, there are couple of spots in the angular json you can update.
... View more
3 weeks ago
|
0
|
0
|
250
|
|
POST
|
Looks like this is fixed in the upcoming 4.34 release. Thanks! If you need to handle this in the 4.33 release, you can add `auto-destroy-disabled` attribute to the component. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/#autoDestroyDisabled
... View more
10-02-2025
09:26 AM
|
0
|
1
|
90
|
|
POST
|
For now, you want to use the `arcigs-placement` component to position custom content in the map components. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-placement/ https://codepen.io/odoe/pen/emJJeaW?editors=1000 This will be easier to accomplish in the upcoming release, thanks!
... View more
09-26-2025
02:43 PM
|
0
|
1
|
190
|
|
POST
|
This is the default behavior for GraphicsLayer and Views https://codepen.io/odoe/pen/RNWdObm?editors=100 The "view.graphics" or with components, "viewElement.graphics" is a graphics layer under the hood, but is always on top.
... View more
09-08-2025
01:30 PM
|
1
|
0
|
390
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | Monday | |
| 2 | Monday | |
| 2 | 2 weeks ago | |
| 1 | a week ago | |
| 2 | a week ago |
| Online Status |
Offline
|
| Date Last Visited |
Thursday
|