傳單與實時數據彈出

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

如果要動態插入來自國家氣象局的數據進入你的地圖，你可以使用National Weather Service API

從那裏，你可以調用API時，頁面加載，然後把數據標記。你可以看到如何做到這一點的leaflet documentation

例如，你可以這樣做：

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