Añadir una imagen a una ventana emergente en un mapa de Leaflet

Question

Estoy intentando añadir una imagen a una ventana emergente activada por un botón fácil. Entiendo que cualquier cosa dentro de () después de .setContent tiene formato html, aunque cualquier cosa que añada que no sea texto no funciona. Además, cuando borro todo lo que hay dentro de () y sólo añado una imagen, todo el mapa desaparece.

código:

  var helloPopup = L.popup().setContent("<b>Portland Cycle Safety Map</b><br />This map is intended to bring dangerous intersections <br />and street segments to the attention of Portland area cyclists: this is a work in progress.<br />Each skull marks the location a cyclist has been killed by an automobile sometime between 2005 and 2017.");

L.easyButton('fa-crosshairs', function(btn, map){
    helloPopup.setLatLng(map.getCenter()).openOn(map);

pantalla:

Answer 1

Tengo un ejemplo aquí que está funcionando: https://github.com/gccgisteam/maps-website/blob/master/graffiti.html#L97

Este es el texto utilizado en la ventana emergente:

"<b>Location Description: </b>"+entry[2]+"<br>"+
"<b>Work Date: </b>"+entry[3]+"<br>"+
"<b>Graffiti Type: </b>"+entry[5]+"<br>"+
"<b>Graffiti Material: </b>"+entry[6]+"<br>"+
"<b>Image: </b><a href='"+entry[0]+"' target=\"_blank\">"+"<img src='"+entry[0]+"&previewImage=true'</img></a>"

Usted debe ser capaz de utilizar algo como esto <img src='"+entry[0]+"&previewImage=true'</img>