2010-10-06 5 views
4

Je voudrais savoir s'il existe un moyen d'imprimer une carte google montrant une superposition de direction?Comment imprimer une carte google non statique (v3 api)

  • Je hv essayé http://abcoder.com/google/google-map-api/print-button-for-google-map-api/ avec carte google javascript api v3, mais la carte ne peuvent pas être affichés.
  • Je Hv aussi essayé d'utiliser google map statique, mais les URL de l'API Static Maps peuvent un maximum d'environ 2000 caractères seulement, en raison ma carte ne peut être affiché à nouveau

quelqu'un peut-il dire moi s'il y a un moyen de résoudre le problème? thx

+0

Maintenant, je suis en utilisant window.opener.document.getElementById ("map_content") cloneNode (true). pour obtenir la carte et l'itinéraire du code html parent. De cette façon, je suis capable d'imprimer l'img en utilisant le chrome, mais quand j'utilise firefox 3.6.10 pour imprimer l'img, seul l'itinéraire peut être imprimé mais la carte ne peut pas être imprimée, est-il possible de résoudre ce problème? problème? – Katrin

Répondre

1

J'ai résolu le problème. Maintenant, je suis capable d'imprimer la carte dynamique sur firefox avec succès. Voici une idée de la façon dont j'ai réalisé ceci:

après google maps ont attiré la route, j'ai essayé d'inspecter le code HTML en utilisant Firebug et je trouve que le problème au sujet firefox ne peux pas imprimer google map est réussi en quelque sorte à cause de le "style" de la div de la carte.

img1: http://picasaweb.google.com/lh/photo/KNWAznhah3Fv0CxdJ7_anUNXPgy_jUWAJdQ2OJnhc_g?feat=directlink

En supprimant la div correspondant (voir img1) en utilisant javascript, la carte et l'itinéraire peut être imprimé correctement dans Firefox. Je ne suis pas sûr si cela viole les règles en utilisant Google Map API, il est préférable pour vous de vérifier attentivement avant d'utiliser cette méthode.

--Mark

+0

Et vous pouvez trouver que si la carte contient "marqueur", le ** firefox imprimera une boîte blanche au lieu du marqueur **, cela peut également être résolu img2: http://www.geocities.jp/ chiwa1015jp/marker.png Tout d'abord, (reportez-vous à img2) supprimer deux divs (z-index: 102 et z-index: 103), l'un d'entre eux tient l'ombre du marqueur. Dans le div (avec z-index: 105), il tient le marqueur img, retirez le "opacity: 0.01" ce style de la div correspondant peut résoudre le problème des marqueurs vierges. Espérons que les méthodes ci-dessus peuvent également résoudre vos problèmes ~ =) – Katrin

+0

Vos liens avec les images sont morts maintenant. – DixonD

+0

Désolé, il s'agit d'un nouveau lien d'image, voir si cela fonctionne http://picasaweb.google.com/lh/photo/KNWAznhah3Fv0CxdJ7_anUNXPgy_jUWAJdQ2OJnhc_g?feat=directlink – Katrin

Questions connexes