Mostrar imagen en el folleto emergente

Question

Estoy tratando de hacer que el icono del clima se muestre en un marcador de mapa usando la api de wunderground, Leaflet y Cloudmade. Tengo el texto que se muestra y una variable con la imagen del icono, pero no estoy seguro de cómo mostrarlo. Aquí está mi código:

jQuery(document).ready(function($) { 
    $.ajax({ 
      url: "http://api.wunderground.com/api/cd48ac26fb540679/conditions/q/pws:KCASANFR128.json", 
      dataType: "jsonp", 
      success: function(parsed_json) { 
       var location = parsed_json['current_observation']['observation_location']['city']; 
       var temp_f = parsed_json['current_observation']['temp_f']; 
       var icon = parsed_json['current_observation']['icon_url']; 
       marker1.bindPopup("Current temperature in " +location+ " is: " + temp_f).openPopup(); 
     } 
    }); 
}); 

yo probamos este sin éxito:

marker1.bindPopup(<img src=icon> "Current temperature in " +location+ " is: " + temp_f).openPopup(); 

¿Alguna sugerencia?

Answer 1

método bindPopup del marcador sólo se necesita contenido HTML como una cadena, por lo que necesita para rodear las etiquetas con citas también - algo así como

marker1.bindPopup("<img src=" + icon_url + "/> Current temperature in " + location + " is: " + temp_f) 

se debe trabajar para usted.