MatBeard


If the <div> that contains a map is positioned relatively, rather than absolutely, the popups that are displayed when you hover over a route point are out of position.

How can you adjust the positioning of these popups so they appear next to the actual pushpins, and not, as in my case, completely off screen.

Thanks




Re: Control position of pushpin hover popup

Derek Chan


Mat
I'm not too sure exactly what the issue is. Are you making custom pushpins where the pop-up is not being displayed properly or is this the map that is being shifted around causing pop-ups to be displaced Do you have any code to re-produce this






Re: Control position of pushpin hover popup

Daniel Rubio

Mat,

Derek,

Having the exact problem, after 5-6 changes, I am arriving at the same conclusion, InfoBox does not work with map <div>'s placed relative to the top of the page (stacked div's) . Here is my post with sample code to replicate : http://forums.microsoft.com/MSDN/ShowPost.aspx PostID=1768225&SiteID=1






Re: Control position of pushpin hover popup

MatBeard

Exactly!

In my case, the route map is displayed quite a way down a large web page, in a relatively positioned div.

When hovering over a point on the route -- nothing customised here, no additional pushpins, just the standard route markers -- the popup info box is offset. In my case, it is offset to such an extent that it doesn't display on the page.

Reproducing this is easy, as the above example shows.

Is this popup info box positioned by CSS Can the position be altered

Thanks in advance.





Re: Control position of pushpin hover popup

Daniel Rubio

Mat,

Yes, its a CSS issue and it can be altered...posted sample code in the other thread.

http://forums.microsoft.com/MSDN/ShowPost.aspx PostID=1770728&SiteID=1





Re: Control position of pushpin hover popup

MatBeard

Thanks. That's very helpful.



Re: Control position of pushpin hover popup

MatBeard

An improvement, but still not working....

If the map is displayed way down a long page, the infobox is still positioned off-page.

For example, if you alter the code you provided in the above post, and set the height of the first DIV to something like 2000px, the infoboxes are displayed way off target.

There doesn't seem to be any way of getting them to be placed next to the pushpin, regardless of where on the page the pushpin is displayed.

Or maybe I'm wrong... I hope so.





Re: Control position of pushpin hover popup

Derrick

Have your tried putting this at the top of your page

Code Snippet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</P< A>