-
Posts
-
Hi,
I struggle to find out why the custom Google map marker doesn’t work very well on zoom out. The destination ends in the ocean.
Please have a look here on all maps, try to zoom out and see what happends.Please help,
Thanks,
MathildeHey mofix,
https://cl.ly/308e8484e7a0 Here is what I am seeing. It seems to look ok, does it not?
Best regards,
VictoriaHi Victoria, thanks for looking at it. No the flags get out of position the more I zoom out, as you see at the screenshot you sent, the flags ends up in the ocean.
Best regards, MathildeHi,
Thank you for the update.
You’re probably expecting the bottom part of the flag’s handle to touch the land while zooming out. While it’s true that the handle touches the ocean, most of the flag is still in the land. I’m not really sure if this will matter because as a site visitor, I will probably zoom the map in if I want to know the exact location of the flags, not zoom it out. If I did the opposite, I’ll still know that the location of the flags are within Norway and around Stavenger, Mongstad and Karmsund.
Best regards,
IsmaelHi,
Thanks. It’s just that my client thought it was really important to fix before we publish the site, so now I don’t know what to do? It’s been delayed for a week now. I understand what you mean that most clients will be zooming in and not out. It’s just strange that it happens because when I don’t use the flags, the pin is correct also when zooming out.
https://www.dropbox.com/s/syp0adnz9lko50m/map.gif?dl=0
Is there no way to fix it?
Kindly regards, MathildeHi!
Thank you for the update.
You can move the flag’s handle in the middle of the image, but I’m not really sure how you’ll do that. You can also reverse it so that the handle is at the right side instead of left. Or use a different marker and make sure it’s symmetrical and that the bottom point is located in the middle of the image. Good example is the default marker.
If you can’t change the image, try to edit the enfold\framework\js\conditional_load\avia_google_maps_api.js file, look for this code around line 287.
position: _self.$data.LatLng,Slightly adjust the value of the latitude data.
position: { lat: _self.$data.LatLng.lat + 40, lng: _self.$data.LatLng.lng },This will affect where the actual marker points to the map, so it would still be better if you just change the image.
Cheers!
IsmaelHi Ismael,
Thanks a lot!! That helped very much!! I changed the position in the image, so that the flag is to the right and the marker of it in the middle! :-)
You guys are the best!!
Kindly regards, Mathilde
- You must be logged in to reply to this topic.