topic Re: my location widget scale problem in Web AppBuilder Custom Widgets Questions

my location widget scale problem

MathiasEriksson — Wed, 03 Feb 2016 15:08:51 GMT

I have a my location widget that has the code.

{

"locateButton": {

"geolocationOptions": {

"timeout": 15000

"highlightLocation": true,

"useTracking": true,

"scale": 1200

}

the scale command give a perfect scale.

but if I zoom in or out it resets after 15 sekund. ( I can change reset time to what ever I want)

I'm trying to get it to stay at the zoom lvl the user sets after first positioning.

If i remove scale is goes to maz zoom every 15 seconds

I have try to use :

{

"locateButton": {

"geolocationOptions": {

"timeout": 15000,

"setScale": false

"highlightLocation": true,

"useTracking": true

}

but the it zooms in to max and stay the. I can't zoom out.

any one have a any good input on this?

Re: my location widget scale problem

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:01:58 GMT

Mathias Eriksson,

If you only want the widget to zoom to the defined scale once and then allow the user to change the maps scale as desired from then on then Just add setScale = false in the onLocate function in the widget.js file (line 16):

      onLocate: function(parameters) {
        html.removeClass(this.placehoder, "locating");
        if (this.geoLocate.useTracking) {
          html.addClass(this.placehoder, "tracking");
        }

        if (parameters.error) {
          console.error(parameters.error);
          // new Message({
          //   message: this.nls.failureFinding
          // });
        } else {
          html.addClass(this.domNode, "onCenter");
          this.neverLocate = false;
        }
        this.geoLocate.setScale = false;
      },

Re: my location widget scale problem

RobertScheitlin__GISP — Fri, 05 Feb 2016 14:01:38 GMT

Mathias Eriksson

Did this work for you?

Re: my location widget scale problem

MathiasEriksson — Tue, 09 Feb 2016 09:10:30 GMT

Have been away from the office. trying today but Can't fint the code exemepl you put in the thred.

I think you mean the Widge.js in folder *\inetpub\wwwroot\WAB13DE\Kalmar\widgets\MyLocation

is that correct ?

Re: my location widget scale problem

RobertScheitlin__GISP — Tue, 09 Feb 2016 13:24:24 GMT

Mathias,

It is in the *\inetpub\wwwroot\WAB13DE\Kalmar\widgets\MyLocation\widget.js file. The onLocate function is what you are looking for.

Re: my location widget scale problem

MathiasEriksson — Tue, 09 Feb 2016 14:05:24 GMT

Line 315 . {

onLocate: function(e) {

d.removeClass(this.placehoder, "locating");

this.geoLocate.useTracking && d.addClass(this.placehoder, "tracking");

e.error ? console.error(e.error) : (d.addClass(this.domNode, "onCenter"), this.neverLocate = !1)}

My don't look like yours.

Re: my location widget scale problem

RobertScheitlin__GISP — Tue, 09 Feb 2016 14:12:16 GMT

Mathias,

That is because you are using the minified code version in that app and not the developer version. That is not an issue though just make it look like this:

onLocate: function(e) {

d.removeClass(this.placehoder, "locating");

this.geoLocate.useTracking && d.addClass(this.placehoder, "tracking");

e.error ? console.error(e.error) : (d.addClass(this.domNode, "onCenter"), this.neverLocate = !1)

this.geoLocate.setScale = false;}

Re: my location widget scale problem

MathiasEriksson — Thu, 11 Feb 2016 09:37:38 GMT

that did onot work so well.

When i add the code line my complete widget disapers.

Re: my location widget scale problem

RobertScheitlin__GISP — Thu, 11 Feb 2016 13:06:36 GMT

Mathias,

Try this then:

onLocate: function(e) {

this.geoLocate.setScale = 0;

d.removeClass(this.placehoder, "locating");

this.geoLocate.useTracking && d.addClass(this.placehoder, "tracking");

e.error ? console.error(e.error) : (d.addClass(this.domNode, "onCenter"), this.neverLocate = !1)}

Re: my location widget scale problem

MathiasEriksson — Mon, 15 Feb 2016 08:20:29 GMT

did not help that either.

app.sandbyborg.se Here you can se the app online and IO can send the complete code to you if you like to see so I did not make any misstake.

Re: my location widget scale problem

RobertScheitlin__GISP — Mon, 15 Feb 2016 15:53:05 GMT

Mathias,

Looks like you are missing the nls folder or just the strings.js file in that folder from your my location widget. That is the most serious issue. Next I am not good at minified code editing but the change I would suggest is:

this.geoLocate.setScale = !1;

EDIT: I made a correction to my earlier code and tested this on a minified WAB App I downloaded from AGOL and it worked for me.

Re: my location widget scale problem

RobertScheitlin__GISP — Mon, 15 Feb 2016 21:12:52 GMT

Mathias Eriksson

See my above edit and info about missing file.

Re: my location widget scale problem

MathiasEriksson — Tue, 16 Feb 2016 08:36:26 GMT

So the correct code should be somthing like this :

onLocate: function(e) {

this.geoLocate.setScale = !1;

d.removeClass(this.placehoder, "locating");

this.geoLocate.useTracking && d.addClass(this.placehoder, "tracking");

e.error ? console.error(e.error) : (d.addClass(this.domNode, "onCenter"), this.neverLocate = !1)}

IS tha correct ?

I'm reinstalling my webserver but will try this in a few hours.

Re: my location widget scale problem

RobertScheitlin__GISP — Tue, 16 Feb 2016 13:10:38 GMT

Correct

Re: my location widget scale problem

MathiasEriksson — Tue, 16 Feb 2016 13:17:00 GMT

should I still have scale command in config_my Location.json

I still only get to the loading screen. and the widget donät show up.

Re: my location widget scale problem

RobertScheitlin__GISP — Tue, 16 Feb 2016 13:39:28 GMT

Yes you should have the scale set in the config_my Location.json.

When I look at your site: http://app.sandbyborg.se/widgets/MyLocation/Widget.js I do not see the change to the onLocate function included.

Re: my location widget scale problem

MathiasEriksson — Tue, 16 Feb 2016 13:41:23 GMT

not uploaded to that site yet.