Hiển thị hình ảnh trong Leaflet Popup

Question

Tôi đang cố gắng để có được biểu tượng thời tiết để hiển thị trong một điểm đánh dấu bản đồ bằng cách sử dụng api của wunderground, Leaflet và Cloudmade. Tôi đã có văn bản hiển thị và một biến với hình ảnh biểu tượng, nhưng tôi không chắc chắn làm thế nào để làm cho nó hiển thị. Dưới đây là mã của tôi:

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(); 
     } 
    }); 
}); 

Tôi cố gắng này không có thành công:

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

Bất kỳ lời đề nghị?

Answer 1

phương pháp bindPopup của điểm đánh dấu chỉ mất nội dung HTML như là một chuỗi, vì vậy bạn sẽ cần phải bao quanh thẻ của bạn với dấu ngoặc kép cũng - một cái gì đó giống như

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

nên làm việc cho bạn.