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 Popup - Google Maps Embed API must be used in an iframe
Magnific Popup Plugin Not Showing when Previewed in Browser
Magnific Popup Wordpress
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

Categories

HOME
ibm-bluemix
gitlab
comparison
smarty
platform-builder
spagobi
kalman-filter
cvs
setup-deployment
leon
sqlite3
jpeg
append
android-youtube-api
adfs
nano-server
user-input
serverless-framework
opentracing
facebook-page
solaris-10
undefined
scichart
reverse-proxy
functional-testing
language-agnostic
tibco-mdm
microsoft-sync-framework
intel-pin
brunch
applozic
typo3-6.2.x
create-table
pdb
framemaker
amazon-kinesis-kpl
fusionpbx
host
plsql-psp
lto
espeak
neuroscience
bootstrapper
sas-visual-analytics
ws-security
sfdc
eigenvalue
veracode
imanage
synchronous
nested-sets
angular-cache
slicknav
elements
django-debug-toolbar
storekit
flash-cs5
nessus
pyke
historian
tcpserver
qdialog
iis-arr
varargs
ionic
javax.mail
qpainter
balanced-payments
srs
pyhdf
quantlib-swig
.aspxauth
blending
gridcontrol
dataadapter
jquery-mobile-dialog
android-screen-support
bitsharp
tridion-worldserver
hosts-file
nsobject
blackberry-playbook
netbeans-7.1
floating
h.323
firefox-5
microsoft-virtualization
post-build

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