Map grey background on mobile

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

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

Open Support Ticket
  • Author
    Posts
  • #524687

    Ehud Shamoon
    Lifetime Member
    Post count: 13

    Hello

    We are (the devs and me) trying to fix a problem I have.
    The listing search page map is not loading correctly on mobile devices, there is grey background. The grey background is not all over the map but it is on must of it, look like it is loading the upper left part of the map and not the correct place.
    https://www.metaplim.net/search/?geodir_search=1&stype=gd_place
    In single listing page the map loading good also on mobile devices.
    I updates all plugins, theme and wordpress to latest ver. and it did not help.
    I disable all plugins and it did not help.

    We have a lot of custom code, but we did not pinpoint the problem.

    Can you please have a look?

    Sending admin credential in the next reply.
    Thanks

    #524689

    Ehud Shamoon
    Lifetime Member
    Post count: 13
    This reply has been marked as private.
    #524700

    Ehud Shamoon
    Lifetime Member
    Post count: 13

    Hey

    I found out that if I press the open button for the map before all page load in mobile then the map load good. (I will notify devs also)

    Any idea?

    #524720

    Alex Rollin
    Moderator
    Post count: 27815

    This is probably some errant CSS. We will take a look and update here.

    #525283

    Ehud Shamoon
    Lifetime Member
    Post count: 13

    I change to google map and the grey background in mobile problem is fixed.

    But I have other problem now, maybe you can help?
    I upload map marker icons that their size are 150X150 and I want to resize them to 50X50. I dont want to upload 50X50 icons because then the resolution is terrible. In open street map I did that with css but in google map I could not find how to do it.
    I tried with js but it did not work.
    Do you have a solution for that maybe?
    Is this the direction?
    var icon = {
    scaledSize: new google.maps.Size(50, 50)
    };

    Any help will be appreciated.
    If I cant change size in google map I would like to change back to open street map and to fix the grey background problem. (but I prefer google map as it look better).

    Thanks

    #525298

    Kor
    Moderator
    Post count: 16516

    Hi Ehud Shamoon,

    Thanks for your reply. That can’t be adjusted using custom CSS nor custom PHP code. You need to resize your category icon(map marker) to resize it. Could you share a screenshot of the “grey background problem” in OSM?

    #525380

    Ehud Shamoon
    Lifetime Member
    Post count: 13

    Hey
    I change back to open street map so you can see the problem and im attaching a screenshot as well.
    this is the link with the problem.
    https://www.metaplim.net/search/?geodir_search=1&stype=gd_place#

    #525423

    Alex Rollin
    Moderator
    Post count: 27815

    That probably has to do with the hidden map.

    The map widget expands to the visible space and loads tiles only for the area of map shown.

    You will need a bit more work on your customization to preload the size of the area you want.

    #525439

    Ehud Shamoon
    Lifetime Member
    Post count: 13

    Thanks, I will look into it.

    About google map and icon size:
    using 50px or less icon size look very pixled. in open street map I was able to change icon size and location with css. and it work!
    I can change that also in google map but it work different and not good.

    Is there an option to add wordpress filter that hook to map initialize and change marker size so it will look good? If you know what is the hook, I will build the function to change the size.

    #525553

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    We have a task for improving marker icons, there has been so many bugs in the past it has been on hold for a while but it looks like we can start making some progress on it now. You can follow it here https://github.com/AyeCode/geodirectory/issues/449

    Thanks,

    Stiofan

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