Map grey background on mobile
This topic contains 9 replies, has 4 voices, and was last updated by Stiofan O’Connor 5 years, 9 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
January 8, 2020 at 6:31 pm #524687
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.
ThanksJanuary 8, 2020 at 6:33 pm #524689This reply has been marked as private.January 8, 2020 at 7:56 pm #524700Hey
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?
January 9, 2020 at 2:25 am #524720This is probably some errant CSS. We will take a look and update here.
January 12, 2020 at 11:33 pm #525283I 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
January 13, 2020 at 6:41 am #525298Hi 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?
January 13, 2020 at 4:25 pm #525380Hey
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#January 13, 2020 at 6:21 pm #525423That 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.
January 13, 2020 at 7:22 pm #525439Thanks, 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.
January 14, 2020 at 2:18 pm #525553We 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
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket