Discussion :

[movlw]

Bonjour à tous,

j'aimerai exporter en image une google map que je génére dans une application web.

J'ai deja plusieurs piste mais incompatible avec ce que je veux faire:

-html2canvas: impossible de faire le screenshot sans afficher la map, ce que je ne veux pas faire.

-google map static: impossible d'importer c'est propre marker

si vous avez d'autres pistes je suis preneur

MERCI

[NoSmoking]

Bonjour,

-google map static: impossible d'importer c'est propre marker

jette un oeil sur cet exemple Création d'une Static Map à partir d'un itinéraire

[movlw]

pardon je me suis mal exprimé par "propre marker" je voulais dire la position et l'ico du marker

[NoSmoking]

as tu regardé la documentation concernant ce point https://developers.google.com/maps/d...ro#CustomIcons

Exemple :

nota : marqueur emprunté à http://leafletjs.com/

[movlw]

j'ai fait un petit essai:

html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img id="pdf_map" alt="">

Recuperation de l'image et affectation:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("pdf_map").src ="https://maps.googleapis.com/maps/api/staticmap?center=Berkeley,CA&zoom=14&size=400x400";

mais impossible de le transformer avec "canvg" et de l'integrer dans jsPDF

[NoSmoking]

Pas sûr, une fois de plus, que tu te sois renseigné en regardant la documentation.

Exemple fourni par jsPDF

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
// You'll need to make your image into a Data URL
// Use http://dataurl.net/#dataurlmaker
var imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD...ESCL//Z'; // j'ai raccourci !
var doc = new jsPDF();
 
doc.setFontSize(40);
doc.text(35, 25, "Paranyan loves jsPDF");
doc.addImage(imgData, 'JPEG', 15, 40, 180, 160);

[movlw]

il est possible d'inclure dans un pdf une image en faisant quelques manip, j'ai reussi à mettre le lien de la map dans le pdf.

Malheureusement je viens de le découvrir il est impossible d'utiliser des marker personnalisés avec un local path pour la requete static map, ex: localhost/image/marker.png

[NoSmoking]

Par défaut c'est même heureux, si le coeur t'en dit tu peux autoriser certains à venir voir ce qui se passe sur ton PC .

[movlw]

:p haha oui

Du coup il faut que je trouve une autre solution