topic Re: Centre map in ArcGIS JavaScript Maps SDK Questions

Centre map

CliveSwan — Tue, 13 Mar 2012 13:37:13 GMT

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

Re: Centre map

CliveSwan — Tue, 13 Mar 2012 15:32:18 GMT

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

Re: Centre map

HemingZhu — Tue, 13 Mar 2012 15:40:53 GMT

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

Re: Centre map

CliveSwan — Tue, 13 Mar 2012 15:58:26 GMT

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???

Re: Centre map

HemingZhu — Tue, 13 Mar 2012 16:48:47 GMT

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

Re: Centre map

CliveSwan — Wed, 14 Mar 2012 07:57:04 GMT

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??

Re: Centre map

CliveSwan — Wed, 14 Mar 2012 11:03:51 GMT

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??

Re: Centre map

CliveSwan — Wed, 14 Mar 2012 12:16:46 GMT

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();

Re: Centre map

CliveSwan — Wed, 14 Mar 2012 14:22:23 GMT

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??

Re: Centre map

CliveSwan — Thu, 15 Mar 2012 09:17:21 GMT

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

Re: Centre map

CliveSwan — Thu, 15 Mar 2012 10:06:38 GMT

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

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