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);