Agrego el mapa que desarrollé con el folleto js al cuerpo del correo.
El contenido del cuerpo del correo es el siguiente;
<html lang='TR'><head><meta charset='utf-8'><link rel='stylesheet' href='https://unpkg.com/leaflet@1.7.1/dist/leaflet.css'><script src='https://unpkg.com/leaflet@1.7.1/dist/leaflet.js'></script><style>#map { width:100%;height:326px } body { margin:0;background:#fff!important } </style></head><body><div id='map'> </div> </body></html><script> var mymap = L.map('map').setView([41.03769103280778, 29.011782667101848], 13);var googleSat = L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',{maxZoom: 20,subdomains:['mt0','mt1','mt2','mt3']}).addTo(mymap);</script>El correo va, llega a mi buzón, pero no hay mapa, no hay imágenes en el contenido. ¿Cómo supero esto?
cualquier contenido html (b - p - div) se ve bien pero no para el mapa
Nota: el contenido del correo está vacío, no aparece nada.
Leaflet es una biblioteca de JavaScript. Y los clientes de correo electrónico no son compatibles con JavaScript (principalmente por razones de seguridad). Su mejor opción es enviar una imagen de su mapa en su correo electrónico y agregar un enlace que redirija a una página alojada con su página completa con Leaflet.