Set IBox around result

[ElesGergo]

Hello, I was checking at the examples and the documentation but I do not found anything related to IBox. How can I set the the map to be zoomed around the results? Is there a way to calculate it ?

[thor-schueler]

Check out this example: https://stackblitz.com/edit/bing-map-with-spider-clusters

Notice in the app.Component.ts there is a member _box of IBox type. It is bound to the "Box" property of the Map in app.compoennt.html. In this example it is set statically, but it is trivial to do this with dynamic ranges:

• Iterate your Geo Coordinates to find out max/min lat/long.
• Add some small margin to extend the box. The Box property on the map is observable, so if you change it it will resize.
• Be careful if you have a point cloud that crosses the date line as you might have to invert max/min longitude.

Hope that helps.

[ElesGergo]

Thanks for the reply, @thor-schueler maybe my question was not explained well in detail, I want to set the boundaries for a single lat-lng pair. For example I have a city with the longitude latituede of it. Lets say: Jena, Thuringia, Germany (50.927223, 11.586111) How can I set the box property since I dont know the min-max values? Is there some way to calculate them? My ide was to set the center for the box porperty and add some margin, but since the min-max values are requred that does not seem to work.

[thor-schueler]

Jena, eh? I grew up around the corner from there lol. In Erfurt. Do you live there?

Anyway, as to your question (oder zur Frage, perhaps more appropriately): The way I have dealt with this in the past is to use the coordinate as the center of the map as you suggest and use the zoom instead of a box (the map will then calculate the box automatically based on the zoom).

<x-map #xmap [Latitude]="50.927223" [Longitude]="11.586111" Zoom="12" [Options]="_options">

Working sample is at https://stackblitz.com/edit/bing-map-with-geo-center-and-scale

[ElesGergo]

Vielen Dank, for the solution. I ended up with it for now, however it would be great to find some alternave since it is hard to make it work with for example cities of different size. I was looking for an api to help me out at least with the major cities (using Bing rest and bing maps), however the bbox result are really not accurate.

[thor-schueler]

So essentially, you are looking for a way to auto-determine either zoom or figure out a box depending on a geographic feature (like the size of a city). Yeah, the maps package here deals mostly with rendering and managing the map, not so much with those type of calculations and activities. One way to go about that perhaps would be to calculate expected size of a city as a derivative of population. You could:

• Easily find the population of a city I would think. There is prob an API somewhere ;)
• Assume a certain population density. You could make this value regional (US cities for example tend to have lower density than European cities) and still only have to manage a handful.
• Using city and density, calculate the "diameter" of the city. convert the diameter to rads and use that around your center coordinates with a bit of buffer.

[ElesGergo]

Thank you very much! The third option is what I was thinking about.