9

wunderground の API、Leaflet、および Cloudmade を使用して、マップ マーカーに天気アイコンを表示しようとしています。テキストが表示され、アイコン画像を含む変数がありますが、表示する方法がわかりません。これが私のコードです：

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

私はこれを試しましたが成功しませんでした:

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

助言がありますか？

4

1 に答える 1

10

マーカーのbindPopupメソッドは、HTMLコンテンツを文字列として受け取るだけなので、タグも引用符で囲む必要があります。

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

あなたのために働くべきです。

于 2012-05-16T23:25:21.590 に答える