Issue in infobox repositioning in Bing map v7

Question

I am using the Bing map version 7 for the displaying the events and its details on map. For that i have added the following reference js file " http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=de "

I have implemented the displaying the event pin on map and displaying the event details in infobox. I am stuck up with displaying event details in infobox which are on the boundary of the map. This infobox goes outside the map.

I have found on solution in the post Cool Infobox and plot polygons through xml ....in bing maps , pure javascript

But even after implementing the solution mentioned(CustomInfoboxModule) in above link, i am facing the issue for the events having more details.

Check for the

Answer 1

Not 100% sure if I understand the question. Is your issue that the infobox falls outside of the map? If so, if you make your Infobox big enough this is bound to happen. There are a couple of solutions:

1. Limit the size of your description area (ie give it a max-height) and make it scrollable (ie overflow-y: auto). This will ensure that your infobox never exceeds a certain height. The custom infobox control you are using, positions the infobox based on which quadrant the pushpin is in. If the pushpin is in the top left corner the infobox is shown to the right and down. If the pushpin is in the bottom right corner the infobox is shown to the left and up. This means that if you ensure that the max height of the infobox is half the height of the map, that it should always be displayed within the map.
2. Alternatively, if you know the infobox will never be bigger than the height of the map, you could simply reposition the map so that the pushpin is higher and then open the infobox.