Estoy tratando de hacer un marcador en el trabajo del folleto. Trabajo en una aplicación web Flask que se supone que tiene un enlace html en la ventana emergente en un marcador. El mapa funciona, se puede agregar el fabricante. Pero al insertar un atributo, se muestra como una cadena o algo así. no se mostrará como un enlace.

Este es mi archivo html con mi etiqueta javascript:

HTML + JavaScript

 var map = L.map('map').setView([52.3, 5], 9); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 16, minZoom: 6, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, accessToken: 'pk.eyJ1Ijoia2V2aW4tc2NoZWxsaW5nZXIiLCJhIjoiY2wzNDhoMmJkMDA4cTNjbDd3MjdkODZ3ZCJ9.iLrs644NuUNBMeheczVhFA' }).addTo(map); {% for marker in markers %} L.marker([{{ marker['lat'] }}, {{ marker['lon'] }}]).addTo(map).bindPopup("{{ marker['popup'] }}") {% endfor %}

Esta es mi ruta que muestra el mapa: Route Flask

 @main.route("/map") @login_required def map(): url = url_for('main.summary') markers = [] damages = Damage.query.all() for damage in damages: marker = {'lat':damage.latitude, 'lon': damage.longitude, 'popup': '<a href="#">Visit W3Schools.com!</a>'} markers.append(marker) return render_template('map.html', title='Map view', markers=markers)

Al mirar en el navegador y mostrarlo como html, muestra esto como una ventana emergente en los elementos:

 <div class="leaflet-popup-content" style="width: 208px;">&lt;a href="#"&gt;Visit W3Schools.com!&lt;/a&gt;</div>

Entonces representa < y > como texto....