nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how to change the zoom scale for the geocoder?

Pulaski_AreaGIS

I would like to set the geocoder to zoom to 1:1200. I think I would change the expand.0.0625 for the Point geometry but I am not sure.

if (feature) {
          var resultGeometry = feature.geometry;
          if (resultGeometry.type === 'point') {
            anchorPoint = resultGeometry;
            zoomExtent = this.map.extent.centerAt(anchorPoint).expand(0.0625);
          } else if (resultGeometry.type === 'polyline') {
            anchorPoint = resultGeometry.getPoint(0, 0);
            zoomExtent = resultGeometry.getExtent().expand(1.1);
          } else if (resultGeometry.type === 'polygon') {
            anchorPoint = resultGeometry.getCentroid();
            zoomExtent = resultGeometry.getExtent().expand(1.1);
          } else if (resultGeometry.type === 'mulitpoint') {
            anchorPoint = resultGeometry.getPoint(0);
            zoomExtent = resultGeometry.getExtent().expand(1.1);
          } else {
            anchorPoint = resultGeometry;
            zoomExtent = this.map.extent;
          }

Najděte více příspěvků označených jako

Accepted answers

RobertScheitlin__GISP

Pulaski Area GIS,

Well this took some figuring....

Make these changes and you should be able to get the point geocode to use a different scale (assuming that 1200 is different from what is already returning, I tested with a larger scale 4513.988705).

in the showResults function (line one is very important):

geocoder.autoNavigate = false;


          if (resultGeometry.type === 'point') {
            anchorPoint = resultGeometry;
            //zoomExtent = this.map.extent.centerAt(anchorPoint).expand(0.0625);
            this.map.setScale(4513.988705);
            this.map.centerAt(anchorPoint);
          }

In the setupInfoWindowAndZoom function change the single line for:

this.map.setExtent(newExtent);

        if(geocodeResult.feature && geocodeResult.feature.geometry.type !== 'point'){
          this.map.setExtent(newExtent);
        }

All comments

ColeAndrews

If using a Geocode service, the zoom extents can be configured in the locator before publishing to a service. For a polygon feature, to set the zoom extent as the outer boundary (to show the entire polygons), try the following:

In ArcMap, run "Add Geometry Attributes" tool. Input the polygon file and select EXTENT. Run.
The ymin, ymax, xmin,xmax values are added for each feature.

Configure the locator display extents to use the calculated extent fields. Create locator.
When you're done creating the locator, right click>>properties and make sure the output display extents is set to "yes"

Once you publish the locator as a Geocode service and source the service in your web app geocode/search widget, the result is zoomed to these defined extents.

Does this get at what you need?

haThach

Yes, this is what I wanted to do. I tried your approach by creating a new field "zoomExtent" and calculate using the shape area field. I didn't get it to work. Am I doing something wrong? This is what I get....

Here is how I setup for my system locator....

ColeAndrews

Is it zooming in closer than the full extent of the polygon (i.e., can't see the entirety of the polygon you search for)? If so, you can calculate the polygon extents and configure that in the locator, before publishing the geocode service.

RobertScheitlin__GISP

Not that I am aware of. It would involve an JS API change.

haThach

Thanks Robert. Will there be some functions like this available on the next release of WAB 1.3?

RobertScheitlin__GISP

Ha Thach,

This thread has t do with WAB 1.1. The search widget does not have a show results function (as it is all handled by the JS API internally).

haThach

Hi Robert,

I created a geocoder service using a polygon feature, the search widget result zoom really close on the map. I tried to find the location as pointed above but can't seem to find the code to change the zoom scale extent setting.

Pulaski_AreaGIS

I checked that, still see no change in the zoom levels. Thanks for the help.

RobertScheitlin__GISP

Pulaski Area GIS,

Make sure you are changing the widget.js for the Geocoder widget in the particular app you are testing. If you make the change in the client stemapp folder then you will only see the change in a new app.

Pulaski_AreaGIS

if (feature) {
          var resultGeometry = feature.geometry;
          if (resultGeometry.type === 'point') {
            anchorPoint = resultGeometry;
            zoomExtent = this.map.extent.centerAt(anchorPoint);this.map.setScale(1200);
          } else if (resultGeometry.type === 'polyline') {
            anchorPoint = resultGeometry.getPoint(0, 0);
            zoomExtent = resultGeometry.getExtent().expand(1.1);
          } else if (resultGeometry.type === 'polygon') {
            anchorPoint = resultGeometry.getCentroid();
            zoomExtent = resultGeometry.getExtent().expand(1.1);
          } else if (resultGeometry.type === 'mulitpoint') {
            anchorPoint = resultGeometry.getPoint(0);
            zoomExtent = resultGeometry.getExtent().expand(1.1);
          } else {
            anchorPoint = resultGeometry;
            zoomExtent = this.map.extent;
          }

I tried this but did get any result in the app.

RobertScheitlin__GISP

Pulaski Area GIS,

change the point logic something like this:

zoomExtent = this.map.extent.centerAt(anchorPoint);

this.map.setScale(1200);

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.