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; } } }

Centre map

CliveSwan

Hi,

I want the map to centre the map, when the user clicks the map.
I have added a line to center the map, is not working??

The code is below, any suggestions???

>>>>>>>>>>>>>>>>>>>>>>>>>>>
//Zoom to the parcel when the user clicks a row
function onRowClickHandler(evt) {

    var foundItem = grid.getItem(evt.rowIndex).obj_ID;
    var selectedItem;

    dojo.forEach(map.graphics.graphics, function(graphic) {
        if((graphic.attributes) && graphic.attributes.OBJECTID === foundItem[0]) {
            selectedItem = graphic;

            switch (graphic.geometry.type) {
                case "point":
                    graphic.setSymbol(pictureMarkerSymbol);
                    break;
                case "polyline":
                    graphic.setSymbol(selectedLineSymbol);
                    break;
                case "polygon":
                    graphic.setSymbol(selectedPolySymbol);
                    break;
            }
        }
    });
    var selectedItemExtent = selectedItem._extent.expand(0.2);
    map.setExtent(selectedItemExtent);
    ///map.centerAndZoom(selectedItemExtent, 0.5);
    map.centerAt(selectedItemExtent);

Vind meer berichten getagd met

Accepted answers

All comments

CliveSwan

I added the following code in the addIdentifyResultsToMap(idResults, event) function.
This worked.

>>>>>>>>>>>>

             /// PAN & CENTRE MAP ON SELECTED POINT
                  map.infoWindow.show(event.screenPoint, map.getInfoWindowAnchor(event.screenPoint));
                  var centerPointScreen = map.toScreen(event.screenPoint);
             /// PAN MAP TO NEW centerpoint (in Map coordinates)
                 centerPoint = map.toMap(event.screenPoint);
                 map.centerAt(centerPoint);
             /// PAN & CENTRE MAP ON SELECTED POINT

>>>>>>>>>>>>

CliveSwan

Got the map.centre working.

The code below in the function addIdentifyResultsToMap(idResults, event)

              /// PAN & CENTRE MAP ON SELECTED POINT
                  map.infoWindow.show(event.screenPoint, map.getInfoWindowAnchor(event.screenPoint));
                  var centerPointScreen = map.toScreen(event.screenPoint);
             /// PAN MAP TO NEW centerpoint (in Map coordinates)
                 centerPoint = map.toMap(event.screenPoint);
                 map.centerAt(centerPoint);
             /// PAN & CENTRE MAP ON SELECTED POINT

CliveSwan

I have used the same syntex for the show(map.getInfoWindowAnchor) and setFixedAnchor

I do not get an error with show() line.
I get an error with setFixedAnchor() line??

map.infoWindow.show(event.screenPoint, map.getInfoWindowAnchor(event.screenPoint));
/// SET THE POSITION OF THE IMAGEWINDOW - UPPER RIGHT
map.infoWindow.setFixedAnchor(map.infoWindow.ANCHOR_UPPERRIGHT);

I have copied an example from the examples and still get an error??
map.infoWindow.setFixedAnchor(esri.dijit.InfoWindow.ANCHOR_UPPERRIGHT);

Can anyone spot an error??

CliveSwan

I edited the addIdentifyResultsToMap function.

I added two lines (below)
map.infoWindow.setFixedAnchor(infoWindow.ANCHOR_UPPERRIGHT);
map.infoWindow.show(infoWindow.ANCHOR_UPPERRIGHT);

I get an error "addIdentifyResultsToMap error, details: [object error]

Any suggestions??

>>>>>>>>>>>>>>>>>>
if(tc.hasChildren()) {
                tc.domNode.style.display = 'block';
                tc.domNode.style.visibility = 'visible';
                tc.startup();
                tc.resize();

                map.infoWindow.setTitle("Identify Results");
                map.infoWindow.setContent(tc.domNode);
                map.infoWindow.resize(360, 200);
                map.infoWindow.show(event.screenPoint, map.getInfoWindowAnchor(event.screenPoint));

                map.infoWindow.setFixedAnchor(infoWindow.ANCHOR_UPPERRIGHT);
                map.infoWindow.show(infoWindow.ANCHOR_UPPERRIGHT);

                flushThis("tabs");
                setCursorByID("map", "default");
            }
            hideLoading();

CliveSwan

Hi,

I have the imageWindow appearing in the UpperLeft window.
I want to move the imageWindow to the UpperRight.

I added the following, does not move the imageWindow to UpperRight??

>>>>>>>>>>>>>>
show: function(location) {
    // Is location specified in map coordinates?
    if (location.spatialReference) {
      location = this.map.toScreen(location);
    map.infoWindow.show(location, InfoWindow.ANCHOR_UPPERRIGHT);
    }

    // Position 10x10 pixels away from the
    // requested location
///    dojo.style(this.domNode, {
///      left: (location.x + 10) + "px",
///      top: (location.y + 10) + "px"
///    });

>>>>>>>>>>>>>>

I commented out the Position 10px, imageWindow on the edge did not show fully.

Any suggestions, to get the Anchor working??

CliveSwan

Hi Zhu,

I am selecting a Point feature. I amended the code as you suggested, clicked on various points, the map does not recenter??
Is the code above clear enough??

Any other suggestions??

HemingZhu

Hi Zhu,

I changed the line as you suggested to:
Change graphic.attributes.OBJECTID === foundItem[0] to graphic.attributes.OBJECTID === foundItem

The map does not recenter where the user clicks???
It does not move or recenter???

map.centerAt is only for point. if your graphic's geometry is of polyline or polygon. you might have to use var selectedItemExtent = selectedItem.geometry.getExtent(); map.setExtent(selectedItemExtent);

CliveSwan

Hi Zhu,

I changed the line as you suggested to:
Change graphic.attributes.OBJECTID === foundItem[0] to graphic.attributes.OBJECTID === foundItem

The map does not recenter where the user clicks???
It does not move or recenter???

HemingZhu

Hi,

I want the map to centre the map, when the user clicks the map.
I have added a line to center the map, is not working??

The code is below, any suggestions???

>>>>>>>>>>>>>>>>>>>>>>>>>>>
//Zoom to the parcel when the user clicks a row
function onRowClickHandler(evt) {

    var foundItem = grid.getItem(evt.rowIndex).obj_ID;
    var selectedItem;

    dojo.forEach(map.graphics.graphics, function(graphic) {
        if((graphic.attributes) && graphic.attributes.OBJECTID === foundItem[0]) {
            selectedItem = graphic;

            switch (graphic.geometry.type) {
                case "point":
                    graphic.setSymbol(pictureMarkerSymbol);
                    break;
                case "polyline":
                    graphic.setSymbol(selectedLineSymbol);
                    break;
                case "polygon":
                    graphic.setSymbol(selectedPolySymbol);
                    break;
            }
        }
    });
    var selectedItemExtent = selectedItem._extent.expand(0.2);
    map.setExtent(selectedItemExtent);
    ///map.centerAndZoom(selectedItemExtent, 0.5);
    map.centerAt(selectedItemExtent);

Change graphic.attributes.OBJECTID === foundItem[0] to graphic.attributes.OBJECTID === foundItem

CliveSwan

Hi,

I created a centerMap function, below. It does not do anything???
Any suggestions what or why it is not working??

>>>>>>>>>>>>>>>>>>>
function recenterMap(selectedItemExtent) {
map.centerAt(selectedItemExtent);
}

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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