Problème impression Google map
Ashgan
-
Ashgan -
Ashgan -
Bonjour,
J'ai un site, et je n'arrive pas a imprimer une google map, j'ai spécifié la taille de la div qui allait recevoir la Google map (Width et Height), mais ca ne change rien. Sur cette map j'ai un marqueur. Sous firefox, rien ne s'imprime, sous Chrome et IE, la carte s'imprime sauf le marqueur, remplacer par un carré blanc, alors que j'utilise l'icon des marqueurs par defaut.
Mon code est tout bête :
Quelqu'un aurait une idée ? car la je bloque, et ca m'agace :)
J'ai un site, et je n'arrive pas a imprimer une google map, j'ai spécifié la taille de la div qui allait recevoir la Google map (Width et Height), mais ca ne change rien. Sur cette map j'ai un marqueur. Sous firefox, rien ne s'imprime, sous Chrome et IE, la carte s'imprime sauf le marqueur, remplacer par un carré blanc, alors que j'utilise l'icon des marqueurs par defaut.
Mon code est tout bête :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr"> <head> <link href="https://developers.google.com/maps/documentation/javascript/examples/default.css?csw=1" rel="stylesheet" type="text/css" /> </head> <body> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js"></script> <script type="text/javascript"> function initialize() { var controleMiniCarte; var myLatlng = new google.maps.LatLng(45,1); var myOptions = { zoom: 15, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, navigationControl: false } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"toto" }); } </script> <div id="map_canvas" style="width:600px; height:450px;"></div> <script type="text/javascript"> initialize(); </script> </body> </html>
Quelqu'un aurait une idée ? car la je bloque, et ca m'agace :)
A voir également:
- Problème impression Google map
- Google maps satellite - Guide
- Spouleur d'impression - Guide
- Google maps - Guide
- Dns google - Guide
- Google photo - Télécharger - Albums photo
3 réponses
Salut.
Chez moi tout fonctionne aussi bien sur Chrome que Firefox, même la taille du div.
J'ai Firefox 3.6.8 et Chrome 6 (Bêta)
Chez moi tout fonctionne aussi bien sur Chrome que Firefox, même la taille du div.
J'ai Firefox 3.6.8 et Chrome 6 (Bêta)
Désolé, j'avais mal compris.
Le problème est aussi présent chez moi.
Ce que je te propose, c'est de générer une image statique.
https://developers.google.com/maps/documentation/maps-static/overview?csw=1
Tu peux la placer dans un bloc masqué pour l'écran mais visible pour l'impression.
Et la carte "normale" dans un bloc visible à l'écran mais pas à l'impression.
Le problème est aussi présent chez moi.
Ce que je te propose, c'est de générer une image statique.
https://developers.google.com/maps/documentation/maps-static/overview?csw=1
Tu peux la placer dans un bloc masqué pour l'écran mais visible pour l'impression.
Et la carte "normale" dans un bloc visible à l'écran mais pas à l'impression.
Pas de souci, vu que tu me donne la solution après ;)
J'avais vu cette page, mais je me suis focalisé sur le type jpg, sans lire au dessus, donc c'est bon ca marche. Par contre je vais mettre dans la page a imprimer que l'image, pour éviter que le client zoom ou de-zoom et lors de l'impression ce ne soit pas comme ils l'ont spécifié.
Merci beaucoup
J'avais vu cette page, mais je me suis focalisé sur le type jpg, sans lire au dessus, donc c'est bon ca marche. Par contre je vais mettre dans la page a imprimer que l'image, pour éviter que le client zoom ou de-zoom et lors de l'impression ce ne soit pas comme ils l'ont spécifié.
Merci beaucoup
La carte s'affiche dans le navigateur oui, mais lorsque tu fais imprimer ? l'impression de la carte se fait elle ? car mon problème c'est pour l'imprimer pas pour l'afficher dans les navigateurs, car pour ca ca marche très bien.