Why is iwloc=near hiding entire google map instead of juts the address bubble? - google-maps

When I change the "iwloc=A" property to "iwloc=near" in my Google map embed code (to remove the address bubble), the entire map disappears! Anyone else experience this or might know why??

Recently also faced this problem. Try iwloc=addr.

Related

Remove "Google map" dashed border

i am not fluent in js and Html, i am trying to fix the map on our website that shows dashed border :
And the actual map look like this (on google map) :
There is a political issue and google shows the map without border(dashed) to users inside Morocco and show the other map to the rest of the world users, we need to fix this as 90% of the target users on our website are from Morocco.
I have tried to fix it using this method :
https://daker.me/2017/08/fix-morocco-borders-on-google-maps-2017-version.html
But either the map vanish or no changes, the original map code :
http://pasted.co/46e7141b
I also tried to change the Google Map API domain from google .com to .co.ma
Please if there is any solution i would like to fix this as soon as i can, thank you in advance.
This sounds like something that you may not be able to change, but some of the styling of the map certainly can be altered. Google has a great tool here you can check out to investigate with:
https://mapstyle.withgoogle.com/
Further details can be found here:
https://developers.google.com/maps/documentation/javascript/styling
Use region=MA query parameter in your API calls, see localization docs,
and demo.

Map not displaying when address is geocoded using Geocomplete

My issue is when users enter their address (with autocomplete), the expected behaviour is that the map would display a marker on the address. But for some strange reason, the map does not display :(
Here is where my test environment is, please have a look:
http://mycanprev.com/onboard-test/
Click on the "Location" tab to get to the geocomplete portion. When you enter your address, it's suppose to display the map with the marker set on the entered address but it just displays a gray box instead of the map.
The map seems to display fine on mobile though.
I think the issue might be with the z-index, but I'm not sure how to fix it :(
Thanks for your help.
There's a lot of issue that caused the gray box in the maps. You can try this following solution:
First, make sure that you used the correct Google Maps API, valid API Key and not deprecated function calls.
Setting the zoom parameter correctly. Check this SO question 11749742 and 5838333.
Check the size of your maps DIV element and css. Check this SO question for that.

Google Maps disable directions and display map directly

I have searched on the internet to find out solution to this issue but i found nothing.
I have following address:
https://maps.google.com/maps?q=2755+Maple+Avenue,+North+Bellmore,+NY+11710&daddr=2755+Maple+Ave,+North+Bellmore,+NY+11710&oe=utf-8&client=firefox-a&channel=fflb&hnear=0x89c27ef151e2fa7d:0x2fde552872337fca,2755+Maple+Ave,+North+Bellmore,+NY+11710&gl=us&t=h&z=16
open in new window
When i click on above link in a mobile browser it opens a new page but instead of mapview it shows me directions panel, any one guide me how can i get rid of directions and display only mapview directly?
i have found a parameter dir=0 but i dont know where to use it.
any help would be appreciated.
https://maps.google.com/maps?q=2755+Maple+Ave,+North+Bellmore,+NY+11710&hl=en&sll=40.684429,-73.529315&sspn=0.010983,0.026157&t=h&gl=us&hnear=2755+Maple+Ave,+North+Bellmore,+New+York+11710&z=16
use this in your map may be its helpful for you

How to target google map marker using jquery

OK, so I'm simply trying to target a google map marker using jquery, so that I can add some effects and animation to it, but I'm not having much luck.
I tried targeting the (custom) image I'm using for the marker like this:
$("img[src*='icon_you']").show();
But no luck. I also tried inspecting it in Chrome, but for some reason I simply can't find the output in there, just the map canvases.. :/
Can anyone please provide me with some insight into this?

Google infowindow is not displaying correctly using their API

I am using the Google map API to integrate the map into my website, I am using custom markers and infowindows. I have used this previously with no worries but now, when I click on my marker, the infowindow displays incorrectly.
I have tried to many different things to try and fix it but I just can't seem to figure out whats going on.
here is an image, I can't attach it to the post since I am new and all that.
http://i47.tinypic.com/xbwmbq.png
Any help would be muchly appreciated.
Thanks
Did you change your DOCTYPE recently? I once had the infowindow start doing funny things like that when I switched to a different DOCTYPE.
Well, I thought I had fixed it, but it turns out I didn't. To fix it I had to turn the the dreaded iframe. Sadly, it will have to stay that way until I find a better fix.