Changing the size of the popup ballon

634 views
Skip to first unread message

Iratus

unread,
Apr 19, 2011, 7:11:30 AM4/19/11
to google-map...@googlegroups.com
Hello

I am working on a map with KMZ files that contain a lot of information in pop-up ballons when you click them. My problem is that when the info are displayed are much bigger than the boarder of the ballon and they exceed the boarders !!!

In google earth the data are displayed correctly but in google maps no. Is there a way to make this work ???

Thank you in advance

geoco...@gmail.com

unread,
Apr 19, 2011, 8:46:09 AM4/19/11
to Google Maps JavaScript API v3
Probably. It is probably a css problem, but impossible to say for
sure without a link to your map.

Can we see the patient?

-- Larry

>
> Thank you in advance

Iratus

unread,
Apr 19, 2011, 1:28:10 PM4/19/11
to google-map...@googlegroups.com
I am sorry but at the moment i have no server to upload my project and I am working locally.

My css file is the following. I think the problem is that my balloons are not made with javascript but are defined within kml files.



[code]

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
background: #fff;
}
#map {
width: 100%;
height: 500px;
border: 1px solid #000;
}



[/code]

geoco...@gmail.com

unread,
Apr 19, 2011, 1:35:03 PM4/19/11
to Google Maps JavaScript API v3
On Apr 19, 10:28 am, Iratus <malakia...@googlemail.com> wrote:
> I am sorry but at the moment i have no server to upload my project and I am
> working locally.

I can't help you then, someone else might be able to. You could read
this:
http://groups.google.com/group/Google-Maps-API/web/why-including-a-link-is-critical


from the v2 group but which is referenced in the v3 posting
guidelines:
http://groups.google.com/group/google-maps-js-api-v3/browse_frm/thread/2b3f101fd509919e

-- Larry

Iratus

unread,
Apr 19, 2011, 6:20:55 PM4/19/11
to google-map...@googlegroups.com
Hello again

I am not a company but a simple student who is doing his homework ! For me paying to be able to upload my project in a server is not so easy.

I think is not possible for everybody to have access to a server as this cost money. I can send you all my code but I just don't have a server. I think you should consider this also.


Andrew Leach

unread,
Apr 19, 2011, 6:28:42 PM4/19/11
to google-map...@googlegroups.com

I think you should consider the Terms. Your map must be public once
development is finished, so why not show willing and put it live a
little early? It helps with advice if it's publicly available so we
can see what you see.

And there are plenty of free hosts.
http://www.google.co.uk/search?q=free+web+hosting

Iratus

unread,
Apr 20, 2011, 6:54:22 AM4/20/11
to google-map...@googlegroups.com, andrew....@gmail.com
Hello

I managed to upload my work

There are still some problems as the buttons under the map don't work at the moment.

The problem as i stated before is that the balloons when you push a market are sometimes too small for the text and the photo.

Any ideas ???


http://www.home.hs-karlsruhe.de/~madi1011/Script-code%20%282%29/index.html

geoco...@gmail.com

unread,
Apr 20, 2011, 8:17:34 AM4/20/11
to Google Maps JavaScript API v3
On Apr 20, 3:54 am, Iratus <malakia...@googlemail.com> wrote:
> Hello
>
> I managed to upload my work
>
> There are still some problems as the buttons under the map don't
> work at the moment.
>
> The problem as i stated before is that the balloons when you push a
> market are sometimes too small for the text and the photo.
>
> Any ideas ???

Give the images a height and a width so the browser can correctly
calculate the size of the infowindow before the image loads.
(this is the first time you have mentioned images causing the
issue...)

-- Larry

>
> *http://www.home.hs-karlsruhe.de/~madi1011/Script-code%20%282%29/index...

Iratus

unread,
Apr 20, 2011, 2:13:05 PM4/20/11
to google-map...@googlegroups.com
Ok i can do this but what about the text ???

I mean if you push the Summit  marker (green one) the text is so big that doesn't fit either in the window.

Is this thing is going to work only if I change the image size ???

Is there any way of changing the pop up balloons size ??

Thanks again

geoco...@gmail.com

unread,
Apr 20, 2011, 3:22:01 PM4/20/11
to Google Maps JavaScript API v3
On Apr 20, 11:13 am, Iratus <malakia...@googlemail.com> wrote:
> Ok i can do this but what about the text ???
>
> I mean if you push the Summit  marker (green one) the text is so big that
> doesn't fit either in the window.

The version of your kml that I am looking at has:
width="850" heigh="700"

heigh is not a valid attribute. And I would think that 850 would be
too wide.

>
> Is this thing is going to work only if I change the image size ???
>
> Is there any way of changing the pop up balloons size ??

Sure. Create and manage them yourself using the API. Include a div
with a specified size (you can even make it add scroll bars if the
content overflows).

-- Larry

>
> Thanks again
Message has been deleted

Iratus

unread,
Apr 20, 2011, 4:57:00 PM4/20/11
to google-map...@googlegroups.com
So i can change the size of the pop up balloons of a kmz file ??? Or i have to introduce again the information through the javascript ??? Because If i have to introduce everything again is too much work !!!!!

Thanks

geoco...@gmail.com

unread,
Apr 20, 2011, 5:12:49 PM4/20/11
to Google Maps JavaScript API v3
One of your kmz files unzipped:
http://www.geocodezip.com/geoxml3_test/v3_geoxml3_kmltest_linktoB.html?lat=28.031703&lng=86.924591&zoom=13&type=m&filename=http://www.geocodezip.com/geoxml3_test/southeast_ridge_kml.xml

Not quite sure why the line doesn't work with geoxml3 and your kml.

But the infowindow content fits if you click on the summit marker.

-- Larry

>
> Thanks

Iratus

unread,
Apr 21, 2011, 5:39:50 AM4/21/11
to google-map...@googlegroups.com
Wow really impressing !!! So can I integrate some of this code with geoxml3 into my website ??? Is this possible ???

Thanks

geoco...@gmail.com

unread,
Apr 21, 2011, 9:28:15 AM4/21/11
to Google Maps JavaScript API v3
On Apr 21, 2:39 am, Iratus <malakia...@googlemail.com> wrote:
> Wow really impressing !!! So can I integrate some of this code with
> geoxml3 into my website ??? Is this possible ???

Sure. That is what it is for.

Just be aware it is a client side kml parser and does the parsing in
the browser, it suffers from performance issues with complex kml (and
doesn't handle kmz at all), but your kml is fairly simple.

-- Larry

>
> Thanks
Reply all
Reply to author
Forward
0 new messages