带有实时数据的传单弹出窗口

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