So currently when the map is open it shows a message to use to fingers to move the map. and this message is currently aligned to center to screen. how to change position of message to top.
Note - Using google Map API into React project.
Please check image for example
enter image description here
Please let me know.
The message is not configurable through a public interface. It may be possible to use css to reposition the message although not recommended.
A feature request can be submitted at https://issuetracker.google.com/issues/new?component=188853&template=787814.
Related
I have created a web mapping about a national park with HTML and after a repository and
obtain a host in Github in this link: https://cristianalvar.github.io/, where everything works well, however when I post that web map using the before Github URL in the next webpage: http://parqueslosrios.cl/sitio/pn-alerce-costero/, the two buttons in the left-up part does not work, i.e. full-screen and geolocation as you can try and I highlight in the next imagine:
Can anybody tell me what can be the problem and how can I solve it please?? when you press the geolocation button you received in a frame this message:
"Geolocation error: Only secure origins are allowed (see: HTTPS:...."
thanks!
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.
I want to embed "my maps" to my website using iframe, but I want to let my clients to open that map in a new window and see their location on it.
If I open my map in edit mode on my phone: www.google.com/maps/d/edit?mid=*** I see my position, if I change the mode to "view" it stops tracking my location.
Is there a way to open the big map and to see the current position? It's very useful... Maybe there is another way to embed it...
Based on the documentation
url: https://developers.google.com/maps/documentation/staticmaps/intro?hl=en
it seems that it is not possible to get the current location (position of the client) using the parameters which go along with the url. This means that you can not use iframe and embed google maps inside it to get your current position.
However, you can still use geolocation and program it to get the user current position on the map,
url (code included in the link): https://developers.google.com/maps/documentation/javascript/examples/map-geolocation
Bare in mind that the google map API will always ask you the permission to access data in order to locate you.
I have a Google Map that I have embedded on my web site. I have managed to size and position the iFrame so that it sits where I want it to sit on my web page. I am using the new Google Maps version.
However, I want to be able to shift the centre of the map to the right, because as it standsnow, the box that displays the map layers is covering some of the locations I have marked.
I am not at this point using any Javascript or jQuery. I have simply taken the iFrame link provided by Google's embed feature and placed it in my HTML. I see there are other questions about map centering, but I can't parse them for my situation because they assume some Javascript implementation. Also, I'm hoping that I do not have to take on a whole API or Javascript library to solve this. Further, it is unclear to me if the other questions relate to the new Google Maps version, which is what I'm using.
Is there a way I can alter the centre of the embedded Google Map?
Just add a "center" parameter to your iframe url. Like so - center="40.714728,-73.998672". You can get the required coordinates by searching in google maps and picking them from the address.
You could alternatively also use a query parameter but center is more accurate.
refer - https://developers.google.com/maps/documentation/static-maps/intro#location
hi i wanted to display a us state on google map with borders drawn,
when the user opens up a page i wanted to show in the center that state...with borders drawn.
additionally i wanted to put a button on that page so that user clicks it and draws a rectangle on the state, the system will just have to popup the latitude and longitude of the selected area, and area ...
can you anyone guide me through the steps? or is there any good reference that i could follow. thanks in advance!
as an example of what i mean
http://opentopo.sdsc.edu/gridsphere/gridsphere?gs_action=lidarNSAF&cid=geonlidarframeportlet
I would start in the Google AJAX APIs playground, here: http://code.google.com/apis/ajax/playground/#map_simple
There are tons of samples here and by playing with them you should get an idea of how to do what you want and/or come up with some more specific questions.