ライブデータを含むリーフレットのポップアップ

Question

リーフレットマップを使用するのは初めてです。ライブデータをポップアップに表示する方法を理解しようとしています。具体的には、私は現在の気象観測を国立気象局から利用しています。

var marker = L.marker([41.15789, -104.80812]) 
    .bindPopup('Site: Cheyenne ASOS <br> <a href="http://w1.weather.gov/data/obhistory/KCYS.html">Current Observations</a>') 
    .addTo(map); 

私は合計約100のサイトを持っています。今、私は単純にハード私はこのように使用するすべてのサイトをコーディングしています。ユーザーがウェブサイトをクリックして天気を取得する代わりに、サイトをクリックすると自動的に表示されるようにしようとしています。そうすれば、気温、湿度、風などが表示されます。

洞察力があるか、この情報があれば幸いです。あなたが動的にマップに国立気象サービスからのデータを挿入したい場合は

Answer 1

、あなたはそのページがロードされ、マーカーのデータを入れたときには、APIを呼び出すことができ、そこからNational Weather Service API

を使用することができます。あなたは、例えばleaflet documentation

に、あなたがすることができることを行う方法を見ることができます。

var popup = L.popup() 
    .setLatLng(latlng) 
    .setContent('<p>Insert html to show weather info here</p>') 
    .openOn(map);