We are developing a Wordpress plugin, that shows a Google Map with placemarks, that you define on Friendsofplaces.com. Here is an example: http://agalod.com/wordpress/?page_id=23
Only, the Google Maps controls are messed up, respectively not showing at all. The first thing to presume is CSS-conflict. In Chrome and Firefox, I disabled all styles not coming from Google, for the controls, but no difference.
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
I have a web app which uses requireJS and Google Maps API. Sometimes tab icon in chrome browser displays usual favicon, sometimes a progress indicator, although page has already been loaded. I can't imagine what might be the cause. Any help appreciated, thanks.
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.
I have links that go to Google Maps, but now since Apple updated to their own service my iPhone goes to the Google Maps website. Is there a way in HTML to show the Apple Maps link, when it's iOS6, and show the Google Maps link for all other devices. I am using ASP.NET MVC.
The solution is even easier than that and won't require any conditional statements:
When clicked from an iOS6 device, links to
maps.apple.com/maps?q=cupertino are opened in Apple's native
mapping application.
But on other mobile devices and computers, it redirects to Google
Maps (at maps.google.com/maps?q=cupertino) instead.
So at this point, all you need to do is include the Apple Maps link and it should work as expected on non-iOS devices.
I mentioned this in a recent post that also touches on whether the same parameters can be used.
I have embedded a google map into my website following link
http://index.wikidot.com/how-to-embed-a-google-map
It works well with chrome.
However, with IE when I press the zoom button, it redirects me to google maps website from my website.
I have even tried without [[embed]] in the above link.
Do I need to insert any extra index in src="" or something in order make it working?