Mostrar imagem no pop-up do folheto
Eu estou tentando obter o ícone do tempo para mostrar em um marcador de mapa usando a API do wunderground, Leaflet e Cloudmade. Eu tenho o texto mostrando e uma variável com a imagem do ícone, mas não tenho certeza de como obtê-lo para mostrar. Aqui está meu código:
<code>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(); } }); }); </code>
Eu tentei isso sem sucesso:
<code>marker1.bindPopup( <img src=icon> "Current temperature in " +location+ " is: " + temp_f).openPopup(); </code>
Alguma sugestão?