Descargar MMAP como PDF Gratis

Hola chicos, bienvenidos de nuevo. En el último video, agregamos algunas de las funcionalidades interesantes de Leaflet, como la escala en la vista de mapa en pantalla completa y también agregamos la función de visualización de coordenadas del mapa. Así que en este video voy a agregar una función más llamada funcionalidad de impresión del mapa. Para eso, en realidad quiero agregar un botón aquí, así que el nombre del botón puede ser un botón con la clase tal vez "print-map" y luego agregaré el texto "Imprimir mapa". Ahora puedes ver el botón de imprimir mapa, pero no hace nada. Así que vamos a agregar esta función aquí. Para eso, tal vez cuando haga clic en esto, en jQuery podemos seleccionar el elemento usando el nombre de la clase con la función de punto, tal vez "print-map". Sí, aquí hemos seleccionado este botón y luego "print-map.click" podemos encontrar esta función de clic y lo que debería hacer es que cuando hagamos clic en el botón de imprimir mapa, debería ejecutar "window.print()". Eso significa que es la función predeterminada de JavaScript, así que podemos imprimir nuestro mapa cuando hacemos clic en la función de imprimir mapa. Así que probémoslo. Sí, ahora está funcionando, ahora podemos imprimir un mapa, pero debido a que este tamaño de mapa en nuestro tamaño de pantalla no es responsivo, eso significa que aparece en la segunda página y vemos todo dentro del mapa y además el mapa no es responsivo, se corta en los bordes, así que no es un buen comportamiento, pero lo implementamos de alguna manera. Para esta función de impresión, en realidad tenemos un complemento genial llamado "leaflet-browser-print", así que tal vez tengamos que usar este aquí. Sí, así que voy a usar este complemento. Para eso, solo descargaré el código usando git o puedes simplemente descargar el zip desde aquí, eso también está bien. Así que volveré a la carpeta de descargas y sí, ahora está descargado. Si voy al directorio de "leaflet-browser-print", eso significa que ya descargué este archivo, así que tenemos que leer un poco de documentación sobre cómo implementar este complemento. Para eso, tenemos que agregar "browserprint.min.js" en nuestro código, así que lo haré manualmente desde aquí. Dentro de esto, tenemos esta función principal y solo copiaré este archivo y luego lo pegaré en una carpeta llamada "leaf" y luego lo pegaré aquí. Así que ahora puedo importar esta biblioteca. Después de jQuery, importaré este script src y luego "./leaf" y luego "browserprint.min.js", algo así. Así que después de importar esto, lo que tenemos que hacer es pasar esta función, así que aquí "control.browser.print()" al mapa. Bien, hagámoslo aquí. Bien, "map.print()" y tal vez solo copiaré esto y lo pegaré aquí. Ahora automáticamente agregará nuestro ícono de impresión y luego podemos imprimir nuestro mapa. Así que si hay varias opciones, podemos seleccionar el tamaño del papel, ya sea en retrato o paisaje o un tamaño personalizado, tal vez intentaré automático primero. Así que sí, no está respondiendo bien, bien importado, sí, llegó bien. Así que sí...