close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

controlling the size of the info window

Thread began 12/19/2009 7:49 am by michael.presneill396601 | Last modified 6/02/2010 4:47 pm by Eric Mittman | 1376 views | 3 replies |

michael.presneill396601

controlling the size of the info window

For some reason the bubble which holds the postal address is huge and contains several blank lines underneath the address which fill up the google map.

I have just started using Pro Maps for Google with Dreamweaver CS4 and copied below is the java script for the wagmp_map_1.js which holds the address.

The site should hopefully go live later today. But any ideas why these several blank lines are underneath the address within the bubble ?

Thanks

var address_0 = {
street: 'Greenway Road',
city: 'Galmpton, Brixham',
state: 'Devon',
zip: 'TQ5 0LN',
country: 'England',
infowindow: 'custom',
infowindowtext: '<span style="font: 12px Verdana, Arial, Helvetica, sans-serif; color: black;"><strong>Torbay Tigers Basketball Venue</strong><br />Churston Ferrers Grammar School<br />Greenway Road, Brixham,<br />TQ5 0LN</span>',
full: '50.395230,-3.558787',
isdefault: true,
addressType: 'coordinates',
loop: '',
latitude: '50.395230',
longitude: '-3.558787',
markerStyle: 'Google Traditional (flat)',
markerColor: 'Pacifica'
};

Sign in to reply to this post

Eric Mittman

When you are using the custom info window you can control what is displayed in here with your own html. If you are seeing extra blank lines then they are probably coming from some css that you have applied in some way. Based on what you have here for the info window text it seems that the display should take up about 4 lines.

Do you have a link where this can be seen on a site, this might give us a better idea of what is going on.

Sign in to reply to this post

Heckie

Having a similar problem - my bubble seems to have loads of white space under the text. Heres a link: findus.php

and the bit of code:

var address_0 = {
street: '[Address]',
city: '',
state: '',
zip: '',
country: '',
infowindow: 'custom',
infowindowtext: '<span style="font: 12px Arial, Helvetica, sans-serif; padding: 0px; margin: 0; color: black;"><strong>Blue Reef Cottages</strong><br />Scarista, Isle of Harris HS3 3HX</span>',
full: '57.832152,-7.034640',
isdefault: true,
addressType: 'coordinates',
loop: '',
latitude: '57.832152',
longitude: '-7.034640',
markerStyle: 'Google Traditional (flat)',
markerColor: 'Pacifica'
};


do you like my map as background image?

Sign in to reply to this post

Eric Mittman

While doing a bit of research into this it seems that the info window will maintain a minimum size that is around 240x90. I saw quite a few references to this but I did not see any viable work arounds other than using a third party info window. It seems this is a limitation of the info window.

I do like the map and how you have set it as the background. You may be able to put an image in the info window to have it fill in any of the extra space. I have done similar things for info windows but not for the size specifically. To add in an image you would need to select the custom info window and then you can just add in your own <img tag.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...