We are using JS HERE maps (v3.1.16) on a single page .net core website.
The map loads fine in Chrome, IE11, Edge & Firefox on desktop, and loads fine in Chrome on Android devices. However it will not load on any iPhone or iPad browsers.
We can see our custom markers, but the map image is not being returned, we are just getting a blue box.
Tried browsing the examples on the HERE Maps documentation (https://developer.here.com/documentation/examples/maps-js) and this too does not load the map in Safari on iPhone. We have tried 2 iPhones and an iPad.
Is this a known issue? Is there something that we need to put in place to make it compatible?
I can provide code if required.
This turned out to be the Content-Security-Policy set up on our site. Managed to get hold of a mac and found the error
"refused to load blob:[blob url] because it appears in neither the child-src nor the default-src directive of the Content Security Policy"
Adding child-src blob: to the response headers seems to resolve the issue.
Related
I recently deployed a website after testing for responsiveness in chrome developer tools that displays correctly in chrome developer tools and on mobile in Firefox but not chrome.
Here's what it looks like in the developer tools.
Here's what it looks like on chrome on a mobile device.
You can see that the background image is gone and the header image is off to the left.
I thought it might be because of an older version of chrome so I managed to get a look at it on a newer version of chrome.
So on this newer one the picture is no longer to the left but the background is still missing.
So it works when I'm viewing the website on a desktop and reduce the size to mobile and on Firefox but breaks in chrome on mobile.
I've tried different versions of chrome, uninstalling and reinstalling chrome, using both the chrome and firefox developer tools and I've also tried finding similar questions already answered on Stack Overflow and the most similar says to make sure to have
<meta name="viewport" content="width=device-width, initial-scale=1"/>
which I have and I even saw a post saying to add maximum-scale=1 which I tried.
Since it works fine in the developer tools I've been flying blind trying things and redeploying.
I run into the same problem, today is 2020-03-09...
It seems the #media query does not work in chrome in my iPhone SE, but safari is OK.
Also the app 'Google' is working too, you can search it from app store, it has a big 'G' with 4 colors, red/yellow/green/blue, as its symbol.
You mentioned that you're using an Android device. Try remote debugging. This lets you inspect the page as it was truly rendered on your mobile device, from a DevTools window on your desktop.
For iOS see Inspecting Safari. Unfortunately I couldn't find an official doc.
When we call the html page in browser with images in Mozilla Firefox browser could not load image in windows but in chrome images are showing even in IE also , And when we call same page in Ubuntu Mozilla Firefox the image will be display, same issue in Mac in Mozilla Firefox image could not load display. But in safari browser images are display.
And when we run Mozilla Firefox in safe mode that fine and display images in windows.
You can try the following solutions:
Clear cookies and cache
Images may not be loaded due to security issues and so you can try: Click the Site Identity Button->More information… button->Permissions panel->Select Allow( next to Load Images)->Refresh and try again
source:
https://support.mozilla.org/en-US/kb/fix-problems-images-not-show
I have a problem with google map navigator service. I have to zoom in on the part of the map where the user is located. So I have decided to use the navigator service provided by google.
This works fine for all the browser except safari 7.0.1. I have used the code given on this demo as a reference.
Below is a screen shot of the demo example as seen on Safari 7.0.1.
EDIT:
1: Didn't work even after allowing the browser to use my location.
2: Works fine on safari 6.1.1 and not 7.0.1.
Any work around for this problem?
Thanks,
I am using google piechart, Here it is visible on all browser except IE in document mode ie8. If I changed to other document mode like IE7 or IE9, its appeared, but if I set document mode ie8 its not visible.
How may I fix this bug.
Thanks for you advice.
I do not have any issues using real IE8 web browser. It works both for normal view and compatibility view without issue. No solution is required.
However... if you refresh the webpage, then the pie chart objects no longer appear.
The solution in that case is to contact the webpage administrator for that page by directly clicking the Report a Bug found at the bottom of that webpage. Note, the URL seen for that link will not be used, so that's another bug as well.
The only method to see the pie object again is to restart the browser.
Edit: It seems there is a history of Google Pie chart failing in IE8.
Possible Bug:
This screenshot shows all cookies from that webpage are being block by my standard IE8 security settings. I went so far as to add this site to trusted, but no change... cookies are blocked! Changing the protocol to http:// does not help since Google redirects to secure https://
The above screenshot is produced by clicking the Red Eye seen in the browsers status bar.
Make sure your status bar is enabled via setting it from Menu>>>Tools>>>Toolbars>>>Status bar
Workaround Solution:
I figured out how to get the lost pie chart after switching document modes in IE8.
To duplicate failure, use native IE8 Developer Tools and access console.
You should be in IE8 Browser Mode and IE8 Document Mode.
Now change to IE7 Document Mode.
After the page reloads, you will see pie chart.
Change Document Mode back to IE8 and the page will fail to load pie chart.
To recover, change Browser Mode to IE8 Compatibility View, then change back to IE8 Browser (normal) mode.
The pie chart has returned!
I have a website that works fine in Firefox and IE but never finishes loading in Safari 4.0.4.
The live website loads a menu then loads a Google map. Using Safari, the Google map never loads.
I have a test website on the same server that uses the exact same code for loading a Google map and Safari can load the map (this is the one that won't load on my live web). This test website does not have the menu - only the Google map.
In both cases (live and test) the main web page calls a loadmap.js file.
I've been pulling everything apart to try to identify why Safari won't finish loading. Has anyone run across any problems/solutions with Safari that may help me find a resolution to this problem?
This is the site where I cannot see the Google map: http://appalachiantrail.rohland.org.
It's just a layout issue with your page in WebKit (the rendering engine in Safari and Google Chrome). The map is loading, but the background is only being rendered a few px tall. Try setting an explicit pixel height value on the div#map_canvas, instead of height:98%.