Info Window Structure
Recently I’ve updated a css style for info window (popup window which appears once user clicks on the marker). That update was done to allow users change layout css styles of “direction” box. So right now info window has the following structure:
| MapBuilderIW | |||
| MapBuilderIWCaption | |||
| MapBuilderIWContent | |||
| MapBuilderIWFooter | |||
| MapBuilderIWFooterZoom | |||
| MapBuilderIWDirections | |||
By default default window styles defined as the following:
#MapBuilderIW { width: 350px;}
#MapBuilderIWContent {height: 120px; overflow:auto;}
#MapBuilderIWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;}
#MapBuilderIWFooter {margin-top: 5px; font-size: 8pt; }
#MapBuilderIWFooterZoom {}
#MapBuilderIWDirections{ margin-bottom: 10px;}
In some cases users want to have small info window (with size of default google-map info window). To get that done you it’s necessary to remove all style references listed above from generated source code or just put the following:
#MapBuilderIW {width: 200px;}
#MapBuilderIWCaption {font-weight: bold;}
November 26th, 2005 at 12:45 am
[…]
JavaScript injection method has been updated with recent “Direction” features and new info window structure. It’s necessary to upgrade your existing html code with latest code generate […]