Enhanced ExB Coordinate widget

[FredericPoliart_EsriAU]

Hi,
 
I have create an Enhanced Coordinate Widget display, with quick-link to Google3D

• Very simple (just drag&drop and link to the map)
• Works with 2D maps and 3D scenes
• Shows Zoom level,  Scale, 
• Optionally shows Tilt (3D) and rotation
• Can customize background color

How to use

1. download from https://poliart.com/experiencebuilder/widgets/get-map-coordinates-class.zip 
2. unzip in your ExB Developer Edition: C:\ArcGISExperienceBuilder\client\your-extensions\widgets
3. Restart your client/servers using npm start 
4. Drop this new widget onto your ExB Map Widget
5. Settings: select the web-map 
6. Settings: select Show Tilt/ Rotation if you need
7. done. 

Let me know if you encounter any issue
 

[Brian_McLeer]

I've had a request from a user to disable map pop-ups when the widget is opened. I did not see documentation for this on the API Reference site. Ideally, it would be similar to other widgets like measure, draw, etc. that when the widget is opened, map pop-ups are disabled. Any suggestions on how to accomplish this?

[Brian_McLeer]

Update on 3/24/25: I have added the function to disable pop-ups and feature highlights for when the widget is in use. The ZIP file at the top of this thread has been updated. 

[Brian_McLeer]

Update on 3/27/25: Updated how buttons appear before user clicks on map. The buttons are always present, but greyed out until user clicks on the map. 

[Brian_McLeer]

Update on 3/28/25: Add accessibility updates to add tooltips when hovering over buttons. 

[Brian_McLeer]

Update on 5/21/25: Add Bing Satellite and Streetside links. 

[Brian_McLeer]

Update on 5/23/25 Added updates to the configurations in DEV so that buttons can be toggled on/off (for example showing Google Maps 3D but turning off Google Street view). The other update is that the URL for Pictometry can now be configured in the DEV settings. With both of these updates, there is no need to go into the code to customize to your parameters and can all be done in Developer Edition. 

[YuvnaApajee_8]

Hi Brian,
Where can I download your widget?

[Brian_McLeer]

Hello @YuvnaApajee_8, the widget is at the top of this thread, I reply to myself for each changelog event. If you go to page 1 of this community post and look towards the bottom, you will see it there. 

[Brian_McLeer]

07/23/2025: Tested widget on Developer Edition 1.18 that was released on 7/23/25 and widget functions as normal. 

[Brian_McLeer]

Update on 11/13/25: Breaking changes going from DE 1.18 to 1.19: 

Experience Builder 1.19 introduces two critical breaking changes that prevent widgets built for 1.18 from loading. First, the WidgetState enum has been removed from 'jimu-core', requiring developers to replace WidgetState.Opened with the string literal "OPENED" in widget lifecycle methods. Second, and more significantly, the jsx() function signature has changed to align with React 17+'s new JSX transform—children must now be passed as a children property within the props object rather than as separate function arguments. This means jsx('div', {props}, child1, child2) must be rewritten as jsx('div', {props, children: [child1, child2]}) throughout the entire render method. While this is a substantial refactoring effort requiring updates to every jsx call in your widget, it brings Experience Builder in line with modern React standards and is a one-time migration requirement for the 1.18 to 1.19 upgrade path.

Note: This post includes both v1.18 and v1.19 versions of the widget for reference, allowing developers to compare the before and after implementations to better understand the required migration changes.