topic Re: Coordinate + Scale widget for WAB Dev 2.2 in Web AppBuilder Custom Widgets Questions

Coordinate + Scale widget for WAB Dev 2.2

BarnabyRockwell — Fri, 14 Oct 2016 16:58:56 GMT

Back in February 2015, Tim Witt released a modified Coordinate widget that also shows current map scale. I took the scale-related elements of that widget and added them to the Esri Coordinate widget released with WAB Developer Edition 2.2.

Here's a screenshot of the widget working in an app made using WAB Dev 2.2. Note that this shot is from Firefox browser (it will appear this way in Chrome as well). If IE11 is used, the scale will appear on same line as lat/long coordinates.

To install, unzip and place "Coordinate" folder in the widget folder of your WAB Dev 2.2 app after deleting the stock Esri Coordinate widget:

WABdev_2.2\server\apps\#\widgets

I strongly recommend that you DO NOT replace the stock Esri Coordinate widget in the base widget folder (\WABdev_2.2\client\stemapp\widgets), as doing so will greatly complicate general app handling (e.g. duplicating, creating) and the importing of apps from earlier versions of WAB Dev.

Let me know if any problems arise, and I will attempt to fix them.

EDIT: This widget appears to also work for WAB Dev 2.3, 2.4, and 2.5.

Re: Coordinate + Scale widget for WAB Dev 2.2

JakubSisak — Tue, 15 Nov 2016 21:43:56 GMT

Awesome! Thanks!

My defulat coordinate system is NAD 83 UTM 15 (metres). The scale works great with that. Displays exactly the scale levels i've set up with my cached services. When I add a second coordinate system to this coordinate widget (WKID: 3857 TFWKKID: 1188 Units: DD) the scale works fine when the default coordinate system is shown. However when I switch to the WGS system, no coordinates are shown, only scale and the scale spans across 2 lines. Switching back to default restores the coordinates and the scale.

Still, good enough for me for now. Great work!

Re: Coordinate + Scale widget for WAB Dev 2.2

RebeccaStrauch__GISP — Tue, 15 Nov 2016 22:03:30 GMT

added to the /blogs/myAlaskaGIS/2016/03/09/web-appbuilder-developer-edition-customization-resource-list?sr=search&searchId=d18abfe8-35a4-4632-9ca3-75058656bdc7&searchIndex=1‌ ...better late than never (sorry I missed it)

Re: Coordinate + Scale widget for WAB Dev 2.2

AbrahamCoiman — Fri, 16 Dec 2016 01:22:08 GMT

Hello.

Coordinates don't change when moving the mouse, they change when panning.

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Fri, 16 Dec 2016 02:10:14 GMT

Abraham,

That is by design when the maps WKID and the chosen WKID in the coordinate are not the same the widget will not update on a mouse move.

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Wed, 04 Jan 2017 19:51:48 GMT

Hello Robert. I have this strange behavior. I have an app where the map in config.json is set to

"wkid": 102100

In the coordinates widget.js

is set to :

3857 : this.map.spatialReference.wkid;

The coordinate are shown when the mouse is moving.

In another app I have these identical settings but the coordinate is not updated when the mouse is moving.

Ideas?

Thanks.

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Wed, 04 Jan 2017 20:06:49 GMT

Lefteris,

You do not have the coordinate widgets mouse click button activated do you? When you click on the crosshairs button next to the coordinate readout you set the widget to click mode.

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Wed, 04 Jan 2017 20:43:43 GMT

No. When the app starts the coordinate is not updated when the mouse moves. I know about the click to activate the read the coordinate of the clicked location.

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Wed, 04 Jan 2017 21:05:31 GMT

Strange. Can you attach your config_Cordinate.json file?

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Sun, 12 Dec 2021 11:02:26 GMT

The json file of the widget is the same as the one you download. Haven't made any changes.

The config.json of the app is

  "map": {
    "3D": false,
    "2D": true,
    "position": {
      "left": 0,
      "top": 85,
      "right": 0,
      "bottom": 0
    },
    "itemId": "8bf7167d20924cbf8e25e7b11c7c502c",
    "mapOptions": {
      "showLabels": true,
      "extent": {
        "xmin": -14260088.866018897,
        "ymin": 3333883.435196517,
        "xmax": -12107622.149508907,
        "ymax": 5310239.238537509,
        "spatialReference": {
          "wkid": 102100
        }
      }
    },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Wed, 04 Jan 2017 22:35:26 GMT

Nope, I asked for the config_Coordinate.json file not the main config.json

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Sun, 12 Dec 2021 11:02:29 GMT

This is the same for both apps, the working and not working.

{
  "spatialReferences": [],
  "decimalPlaces": 3,
  "addSeparator": true
}‍‍‍‍‍

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Wed, 04 Jan 2017 23:42:26 GMT

Lefteris,

So based on that you have not configured the coordinate widget. Can you try and add another wkid like 4326 using the widgets settings UI and then test again.

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Wed, 04 Jan 2017 23:53:58 GMT

It already had a wkid on the UI. I added the 4326. But the json is still blank!

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Thu, 05 Jan 2017 00:02:34 GMT

Are you checking the [install dir]\server\apps\[app#]\configs\config_Coordinate.json?

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Thu, 05 Jan 2017 00:12:20 GMT

I guess I didn't pay much attention to details. After your last message, I checked in the config folder and there is no config_Coordinate.json file. Then, I noticed at the top of the page at the widget is for web appbuilder 2.2. I am using 2.1

I guess the new version creates the json file. Sorry, for wasting your time. Bit it's still bizarre why it works for some app and not for others when they are all developed under 2.1 and they have the same settings.

Re: Coordinate + Scale widget for WAB Dev 2.2

RobertScheitlin__GISP — Thu, 05 Jan 2017 00:40:18 GMT

Even in 2.1 it will create a config_Coordinate.json in the config folder is you make settings changes in the ui and then save the app. But like you said it is strange that the one app is acting differently.

Keep in mind that all widgets, once their settings dialog has been changed and the app is saved then the config that the widget will use is no longer in the widgets folder.

Re: Coordinate + Scale widget for WAB Dev 2.2

LefterisKoumis — Sun, 12 Dec 2021 11:02:32 GMT

Ok the config for the coordinate is created. The map's and the coordinate wkid is the same.

I still get the "Move mouse to get coordinates" and it doesn't change when I move the mouse.

Here is the config_Coordinate.json. Thank you.

{
  "spatialReferences": [
    {
      "wkid": "3857",
      "label": "WGS_1984_Web_Mercator_Auxiliary_Sphere",
      "outputUnit": "DECIMAL_DEGREES",
      "transformationWkid": "",
      "transformationLabel": "",
      "transformForward": false,
      "options": {
        "sameSRWithMap": true,
        "isGeographicCS": false,
        "isGeographicUnit": true,
        "isProjectedCS": true,
        "isProjectUnit": false,
        "spheroidCS": 4326,
        "defaultUnit": "Meter",
        "unitRate": 1
      }
    }
  ],
  "decimalPlaces": 3,
  "addSeparator": true
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍