magnific-popup


Magnific Popup - Google Maps Embed API must be used in an iframe


Magnific pop up for Google Maps not working on Chrome mobile. When triggered I get "Google Maps Embed API must be used in an iframe".
It works perfectly with the Google Maps URL given in the Magnific example but not when I use my own, I'm not sure if Google have changed their URL structure since but it looks like the new "embeded" URL is causing the problem.
Here's an example of the kind of URL I'm using: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2382.9841570555454!2d-6.227123684388949!3d53.32563697997466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670ec57aa7b09d%3A0x7965235d57af13f!2sClayton+Hotel+Ballsbridge!5e0!3m2!1sen!2sie!4v1453039698107
Is there a way I can change this URL to more like the working URL structure given in the example?: https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom
Been wracking my brains with this one....any help would be greatly appreciated!
Thanks!
David
I noticed this too. It's because Magnific Popup uses "maps.google." whereas Google now uses "www.google.". I had this which didn't work
https://www.google.co.uk/maps/place/Leathermarket+Gardens
and I changed it to
https://maps.google.com/maps?q=Leathermarket+Gardens
Which now works.
Hope that helps a little.
Google maps should be embedded in iframe in Magnific pop plugin
Sample:
View map

Related Links

Magnific vs PhotoSwipe
How to adjust video size magnific popup
$.magnificPopup.open() callbacks is not working
How do i setup magnific-popup
magnific-popup - re-initiate on ajax content
Magnific-popup cancels all requests on open
Magnific Popup fails to work with multiple galleries on a page
magnific-popup open in parent when calling from iframe
Magnific popup iframe closeOnBgClick does not work
Magnific Popup Text Links
Magnific popup - undefined is not a function when parsing markup
Adding onclose method in magnificPopup (that autoloads on pageload)
Popup does not work fine with final tiles grid gallery
Magnific Popup - Enable zoom animation when using $.magnificPopup.open
Magnific Popup appears below page on mobile
Magnific-popup - Source (not showing up again) after closing Popup

Categories

HOME
testing
bluetooth
hive
tizen
vmware
alfresco
yum
elasticsearch-hadoop
percona
jsprit
clojurescript
seaborn
scichart
nodatime
amazonsellercentral
claims-based-identity
firebase-crash-reporting
react-css-modules
greendao
applozic
newline
r-raster
junit5
code-contracts
openoffice.org
jquery-bootgrid
swisscomdev
neuroscience
vapor
trim
squib
isbn
cubic-spline
azure-application-gateway
errordocument
hls.js
return-value
r-forge
pillow
watchconnectivity
elements
paypal-express
clang-static-analyzer
simplewebrtc
pagedlist
qgraphicsview
apachebench
ios4
iad
django-unittest
pundit
tableau-online
twirl
method-parameters
lustre
kineticjs
modalpopup
tween
oxwall
google-style-guide
jquery-layout
phpthumb
transcoding
geos
listings
ril
html4
sharp-repository
anonymous-methods
coderush
manchester-syntax
multipage
enter
ohm
spring-portlet-mvc
work-stealing
cinema-4d
filtered-index
mirah
zend-tool
putchar

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App