2013-08-13 3 views
2

J'ai une fancybox qui charge la page distante via AJAX. Cette page utilise le plugin JQuery Tabs. Sur l'onglet qui n'est pas activé par défaut, il y a une carte Google intégrée. Le code qui appelle Google Maps estComment centrer Google Map

<iframe width="740" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?z=16&amp;t=m&amp;q=<?= $geo['latitude'] ?>+<?= $geo['longitude'] ?>&amp;hl=ru&amp;output=embed"></iframe> 

La carte résultante montre l'emplacement recherché dans un coin supérieur gauche. Je veux centrer la carte en coordonnées $geo['latitude'] et $geo['longitude'].

J'ai essayé d'ajouter différents paramètres de requête comme ll, sll, mais sans succès. J'ai également essayé de placer le paramètre de précharge d'iframe de Fancybox à faux - aucun résultat. Que dois-je faire?

+0

Chargez-vous la page dans fancybox via 'iframe'? sinon, fancybox iframe preload false ne fonctionnera pas. Puisque la carte est dans un iframe, est-elle centrée en dehors de fancybox (si vous chargez la page dans une autre page via ajax, la carte est-elle centrée)? – JFK

Répondre

0

Prenons l'exemple suivant:

<iframe width="740" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Museum+near+Washington,+United+States&amp;aq=0&amp;sll=40.702863,-74.055748&amp;sspn=0.025669,0.055747&amp;ie=UTF8&amp;hq=Museum&amp;hnear=Washington+D.C.,+District+of+Columbia&amp;ll=38.913976,-77.05111&amp;spn=0.052698,0.111494&amp;t=h&amp;z=14&amp;iwloc=A&amp;cid=4718114823360363843&amp;output=embed"></iframe> 

Jouez avec les paramètres ll du centre de votre carte.

Avez-vous également regardé le Google Maps API officiel?