Map doesn't fill frame

This topic contains 9 replies, has 4 voices, and was last updated by  Stiofan O’Connor 6 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • June 30, 2018 at 10:06 pm #436780

    Jeff Adams
    Free User
    Post count: 1780

    Big grey bar above map, map isn’t filling screen, ugly, see image.

    The more i populate my site the more I can see how things respond like this map when it’s showing the listings in countries on both sides of the world.

    June 30, 2018 at 10:17 pm #436785

    Guust
    Moderator
    Post count: 29970

    That all depends on screen size, and the sizing of your two sections on the Listings page.
    It seems you are using a narrower map than the theme default, so the Google map is resized to fit the width, but because the map window is fairly narrow, there is nothing to display top and bottom.

    Thanks

    July 1, 2018 at 4:20 am #436801

    Jeff Adams
    Free User
    Post count: 1780

    my screen size, if i understand you correctly, is and was 100%. I’m using dual monitors and both show it with a gray space. I can adjust screen size (alt and mouse roll) and have to go over 110% to remove the gray space and everything else falls apart. So, at the best screen size, 100%, I see a gray bar/the background is showing.

    I don’t recall changing the map. Where would I change the map? I checked GD/Design/Map and all looks well, see attached.

    July 1, 2018 at 4:23 am #436803

    Jeff Adams
    Free User
    Post count: 1780

    Looks horrible in other browsers too.

    July 1, 2018 at 7:34 am #436813

    Dirk
    Full Member
    Post count: 390

    Jeff,

    this is the “end of the world” of the google map. If you click on “+” of the map it will fill the grey area. You can prevent this if you select a different zoom level.

    Best,
    Dirk

    July 1, 2018 at 9:44 am #436817

    Guust
    Moderator
    Post count: 29970

    My mistake, from the image it looked like you had a smaller right hand window (frame) for the map than the default, but looking at the site itself I can see that is not dependent the case.

    But only Google can change what happens below and above the map if the window is not wide enough, or too high, to display the map without showing the end of the world as Dirk calls it 🙂

    July 1, 2018 at 7:26 pm #436860

    Jeff Adams
    Free User
    Post count: 1780

    Thanks Guust and Dirk,

    Ideally the map would be centered/in the middle, not flush at the bottom, and the background would be the same color blue, that would really do the trick! Does anyone know how to accomplish this?

    July 1, 2018 at 7:27 pm #436861

    Jeff Adams
    Free User
    Post count: 1780

    Crazy, I can actually click and drag the map up to the top and cover the entire background. For some reason the map is too far down!

    July 1, 2018 at 9:39 pm #436867

    Guust
    Moderator
    Post count: 29970

    I think that is because your listings are in the northern hemisphere, and the map centers on the listings.
    If your listings would be in the southern hemisphere, then the grey bit would be down the bottom.

    I’ll get the developers to comment on the background color, it may come from Google.

    July 2, 2018 at 11:23 am #436914

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Its just the end of the world i’m afraid….

    It happens with any Google map, try zooming out here: https://developers.google.com/maps/documentation/javascript/custom-markers

    Stiofan

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount