Télécharger MMAP au format PDF Gratuit

Bonjour les gars, bienvenue de nouveau. Dans la dernière vidéo, nous avons ajouté certaines des fonctionnalités intéressantes de Leaflet, comme l'échelle dans la vue carte en plein écran et également la fonction d'affichage des coordonnées de la carte. Dans cette vidéo, je vais ajouter une autre fonction appelée fonctionnalité d'impression de la carte. Pour cela, je veux juste ajouter un bouton ici, donc le nom du bouton pourrait être un bouton avec la classe peut-être "print-map" et ensuite j'ajouterai le texte "Imprimer la carte". D'accord, maintenant vous pouvez voir le bouton "Imprimer la carte", mais il ne fait rien. Donc, nous allons ajouter cette fonctionnalité ici. Pour cela, peut-être que lorsque je clique dessus, en jQuery, nous pouvons sélectionner l'élément en utilisant le nom de classe avec la fonction dot, peut-être "print-map". Oui, ici nous avons sélectionné ce bouton, puis "print-map.click", nous pouvons trouver cette fonction de clic et ce qu'elle devrait faire, c'est que lorsque nous cliquons sur le bouton "Imprimer la carte", cela devrait imprimer "window.print". D'accord, cela signifie que c'est la fonction par défaut de JavaScript, donc nous pouvons simplement imprimer notre carte lorsque nous cliquons sur la fonction "print-map". Essayons. Oui, ça fonctionne maintenant, nous pouvons imprimer une carte, mais à cause de la taille de la carte sur notre écran, ce n'est pas réactif. Cela signifie qu'elle apparaît sur la deuxième page et nous voyons tout à l'intérieur de la carte, et aussi la carte n'est pas réactive, elle touche le bord, donc ce n'est pas un bon comportement, mais nous l'avons implémenté d'une certaine manière. Pour cette fonctionnalité d'impression, nous avons en fait un super plugin appelé "leaflet-browser-print", donc peut-être que nous devons utiliser celui-ci ici. Oui, je vais utiliser ce plugin, donc pour cela, je vais juste télécharger le code en utilisant git ou vous pouvez simplement télécharger le zip depuis ici, c'est aussi bien. Je vais retourner dans le dossier de téléchargement et ensuite, oui, maintenant c'est téléchargé. Si je vais dans le répertoire "leaflet-browser-print", cela signifie que j'ai déjà téléchargé ce fichier, donc nous devons lire un peu de documentation sur la façon d'implémenter ce plugin. Pour cela, nous devons ajouter ce "browserprint.min.js" dans notre code, donc je vais le faire manuellement d'ici. D'accord, à l'intérieur, nous avons cette fonction principale et je vais juste copier ce fichier et ensuite je vais le coller, désolé, dans le dossier et ensuite je vais juste créer un répertoire appelé "leaf" et je vais le coller ici. Donc maintenant, je peux importer cette bibliothèque. Donc après jQuery, j'importerai ce script src et ensuite "./leaf" et puis "browser-print" quelque chose comme ça. Donc après avoir importé cela, ce que nous devons faire, c'est passer cette fonction, donc ici "control.browserPrint" à la carte. D'accord, faisons-le ici. D'accord, "map.print". Oui, peut-être que je vais juste copier cela et ensuite le coller ici. D'accord, maintenant il ajoutera automatiquement notre icône d'impression et ensuite nous pouvons simplement imprimer notre carte. Donc s'il y a plusieurs options, nous pouvons simplement sélectionner la taille du papier, que ce soit portrait ou paysage ou un costume, peut-être que je vais essayer auto d'abord. Donc oui, ça ne répond pas bien, bien importé. Oui, importé, ça a bien fonctionné. Donc oui...