I work in a phonegap project. When insert map of Google in a div tag show the logo and controls to the map, but not show the map, the page is blank.
I include a jquery file, library Google Maps from *.googleapis.com o *.maps.google.com.
Test the code In a browser (safari, chrome, ie) works fine but in the xcode simulator and my iphone is blank screen with the logos of Google.
Any idea?
Related
in my Ionic 6 application running under capacitor, i'm using angular googleMaps component.
I need to use this map component in several pages of my application.
In my browser, everything works fine.
When i run the app on my IOS physical device, the map is correctly displayed in the first page.
But, when i navigate to other page with the same googleMap component, the map is displayed greyed out.
When i touch the map, the grey disappears and the map is correctly displayed.
In Google Cloud Console, i resticted the API key to some http urls ( not to an IOS app because of ionic ) but this does not solve the issue.
Do you have any ideas ?
Thanks
I am working on a project that required SVG Animations. The SVGs work fine on my Android app, but it does not animate on iOS. I Googled and figured out that offset-path is not supported by Safari and Chrome on iOS. What should I replace the tag with, so it animates like it does on Android?
Here's the link https://caniuse.com/#search=offset-path
Im creating an web application in Angular 5 that should work fine also on mobile devices. The progress bar of it is an svg image, created in Adobe Illustrator and exported to svg. I have made it work fine on Android, Mac and Windows (all browsers) but Im having a problem with clip-path being rendered on Chrome or Safari browser that runs on IPhone IOS.
I have tried managing it by normal
clip-path: url(#clip-path);
and also by webkit specific:
-webkit-clip-path: url(#clip-path);
But insted of something like that:
Image preview:
I get this on Safari or Chrome on IOS:
Wrong image preview:
So it looks like clipping is completely ignored, but weird thing is that on Mac it works fine.
Please suggest how to solve it, as Im struggling with it for few days.
I have also created demo on
Stackblitz
Background: I'm using the custom pin share URL as you can see in the example below.
Problem: This share URL works on every single operating system and browser except Safari on iOS. It works in all other browsers on iOS, and it works in Safari on all other operating systems.
Example Link: https://pinterest.com/pin/create/button/?url=http://redefiningmom.com/the-real-reason-i-left-corporate-america/&media=http%3A%2F%2Fredefiningmom.com%2Fwp-content%2Fuploads%2F2016%2F01%2Freal-reason-i-left-corporate-america-pinterest.jpg&description=After+ten+years%2C+I+quit+my+job+in+Corporate+America.+Find+out+the+real+reason+I+left+Corporate+America+and+how+you+can+too.
Desired/Usual Behavior: This link would open a share dialogue leading to the creation of a rich pin with a large image, a description, and a link back to the webpage.
Undesired Behavior: Only on Safari on iOS this opens a share dialogue leading to the creation of a non-rich pin with a large image, a description and a link to the image, not the web page.
How do I fix this?
Using an iPhone 5S with iOS 9.2.1 (the latest), the pages look exactly the same on Chrome and Safari:
I'm trying to debug a problem with mobile Safari.
I'm using the desktop Web Inspector and a connected iPhone, and it basically doesn't work in any useful way.
DOM elements don't expand. I click on <div id="content">...</div> which contains 50 other DIVs and nothing happens except that the close-div disappears.
No CSS shows in the right-hand panel for any selected element
Images can't be loaded (I just get a spinner)
Are there known problems or incompatibilities? I'm using
Desktop Safari 6.0.5
iOS 7.0.4
I had this problem, too - you'll need to update to Safari 6.1.