Set Zoom to a shapes extent | Infragistics Forums

1065

Set Zoom to a shapes extent

Pavan posted over 12 years ago

Team,

I want to set the zoom to the selected shapes extent. May I know how this can be achieved?

Thanks,

Pavan

Parents

1775

[Infragistics] Lazar Videnov posted over 12 years ago

Hi, Pavan

This functionality currently is not available out of the box but can be achieved with some additional code. Since it is a bit complicated and cannot be put in a short forum post I’ll provide you with a sample and some notes on how to use it. Please, give me some time and I’ll post again here on Monday.

Cheers, Lazar
Cancel
Reply

Cancel

Reply

310

Sean posted over 12 years ago in reply to [Infragistics] Lazar Videnov

Hello Lazar,

I am looking to do something similar in a project I am working on.

I need some advice on a couple of steps:-

1) Is there a way to get a list of rendered shapes from a series on the map? (e.g. get a list of countries from a shape file?)

2) Would you be able to send me the sample of how to set the windowRect to match that of a given country?

Thanks,

Sean
Cancel
Reply

Cancel

Children

1775

[Infragistics] Lazar Videnov posted over 12 years ago in reply to Sean

Thanks for letting me know, Sean! :-)

I was just about to investigate.
Cancel
Reply

Cancel
310

Sean posted over 12 years ago in reply to [Infragistics] Lazar Videnov

Hello Lazar,

I had posted an issue here but I think it was to do with the order in which things were happening and I seem to have solved it now.

Thanks again,

Sean
Cancel
Reply

Cancel
1775

[Infragistics] Lazar Videnov posted over 12 years ago in reply to Sean
Hi, Sean

The following code shows how to create a ShapeDataSource for a pair of shape and DBF files and how to enumerate the shapes. There is code which accesses a field from the shape data and code which enumerates all the geographic points defining the shape:

var shapeData = new $.ig.ShapeDataSource({

    shapefileSource: 'shape.shp',

    databaseSource: 'shape.dbf'

});

shapeData.dataBind();

function getShapeData(shapeId) {

    var shapeEnumerator = shapeData.converter().getEnumerator();

    while (shapeEnumerator.moveNext()) {

        var currentItem = shapeEnumerator.current();

        //  Gets the value of the field FieldName

        //  from the data bound to the particular shape

        var fieldData = currentItem.fields.item("FieldName");

        //  Gets the points (geographic coordinates)

        //  that describe the current shape

        var shapePoints = currentItem.points.item(0);

        for (var i = 0; i < shapePoints.count(); i++) {

            var latitude = shapePoints.item(i).__y;

            var longitude = shapePoints.item(i).__x;

        }

    }

}

I’ll post in a while a full sample answering the question above. It will show how to zoom the map on a shape when the user clicks on that shape.

Cheers, Lazar
Cancel
Reply

Cancel