I have developed a javascript API application that retrieves Google Streetview images based on where a user clicks on an interactive map.
For some reason in the past couple of days there have been intermittent issues with this process as a grey screen is just returned and it isn't until you start to pan around that an image is returned.
The same thing happens in Google's own API example here:-
http://code.google.com/apis/maps/documentation/javascript/examples/streetview-service.html
After the initial click, subsequent clicks just return a grey screen (this is in Internet Explorer 7, it appears to work in Google Chrome and Firefox).
This didn't used to be a problem - has anyone else experienced this issue when using Internet Explorer (either version 7 or another)?
Thanks
I think this is a bug in the 3.8 nightly api build.
Specify a specific api build.
http://maps.googleapis.com/maps/api/js?v=3.7&sensor=true_or_false
Google documentation reference
Related
We're using google maps to display company locations on a map. It still works in Chrome, Firefox & Safari currently, however in IE 11 today we noticed that none of the tiles are loading and we get grey tiles with a text saying "Sorry, we have no imagery here". I checked the network tab and it looks like, the tile requests are trying to fetch the tiles from the domain, where the map is displayed instead of fetching them from the google servers.
I tried changing the version parameter to v=weekly and v=3.3.6, but it still behaves the same.
The map is embedded like this:
<script src="https://maps.googleapis.com/maps/api/js?key={API_KEY}&v=3.exp" defer></script>
in IE11 the tile request looks like this:
https://example.com/google-maps-page/undefinedpb=!1m5!1m4!1i6!2i34!3i21!4i256!2m3!1e0!2sm!3i480189574!3m14!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cy5lOmx8cC52Om9mZg!4e0&key={API_KEY}&token={TOKEN}
in chrome the working tile-requests look like this:
https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i6!2i31!3i22!4i256!2m3!1e0!2sm!3i480189574!3m14!2sde-DE!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cy5lOmx8cC52Om9mZg!4e0!5m1!5f2&key={API_KEY}&token={TOKEN}
We are also encountering the same problem.
Switching to v=3.36 solves this for now, but 3.36 will be removed next update, where it will default to the "v=quarterly" response.
I had the same issue, my site is using es6-shims library, but once I change it to core-js library, google maps 3.38 works well in IE11, not sure if it is a google maps issue or es6-shims issue.
Without any shims google maps 3.38 does work in IE11, so the issue could be incompatibility between es6-shims and latest google maps
hello im hosting Google maps API on my localhost for now, and it appears fine in Chrome and the mobile phone version. (both safari and chrome iPhone versions).
My problem is Google maps doesn't show when it comes to my Mac version of Safari. the Grey(background) shows and the cursors change to the Google maps cursor, but the map and content doesn't display. what can be the problem?
Here is a link to the map. as you can see the map displays in Chrome but not in safari.(at least not for me).
http://jsbin.com/cahicomame/1/edit?html,output
there is no guarantee that navigator.geolocation.getCurrentPosition will return a result. The user may deny the permission or the geolocation-service may not be able to locate the user.
You better initialize the map with a default-center (center is required to display the map).
I find the solution after 1 hours , it's because my website (developpement) was in http and not https :) Safari will ask your localisation.
I have embedded a google MAP in my standalone web app using an iFrame and it is working as it should except for the fact that when I run the app from the homescreen (= full screen modus) it is impossible to scroll through the map (= touchmove event).
When I touch & hold it is possible to scroll the map but:
- The map gets a blue overlay (to indicate the 'user-select' event)
- The details of the map are not loaded (the position of the maps changes but the new area just stays grey...)
If I launch the app in a normal Safari browser window everything works just fine.
Does anyone have an idea of what might cause this? Any help would be really appreciated.
For your info:
- Moving from an iFrame scenario to a JavaScript version is not the answer I guess, since it is working fine when launched in the browser. It would also require a lot of rework since the the page surrounding the iFrame is already the result of an Ajax call
- I have a similar problem with KoolChart where the charts should be scrollable. On a desktop, it works like a charm. But no way of getting it to work on Mobile.
UPDATE
The latest iOS update solved the problem, so issue can be closed :-)
When I view the impress.js website in chrome on iOS, the tab bar slides up and disappears. How do I do that?
Note: doesn't happen in safari on iOS.
A simple Google search would suffice for this question.
http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API
https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_mode
http://davidwalsh.name/fullscreen
All are excellent resources (and the top three Google links!).
Essentially, there's a new API which allows JS to request fullscreen access. That's about it.
Our site is able to be accessed through FF/IE/Chrome, etc. however when a user opens the site in Safari, it doesn't load the google maps box. It stays the grey loading color.
We use Google Maps v3 and geolocation to set the default position of the map, and if they deny location or something, we have a fallback to an IP service to center it somewhat close to them. Works everywhere but on Safari (multiple versions). It just hangs.
Any ideas at how I can diagnose this? I'm running Windows 7/XP so it's tough to do.
Thanks!
You can use the firebug lite version
and also have a try with the built-in developer tools.
This thread Debugging javascript in Safari for Windows says more about this.