【问题标题】:Issues displaying OpenWeatherMap with leaflet使用传单显示 OpenWeatherMap 的问题
【发布时间】:2021-10-13 10:44:45
【问题描述】:

我正在使用 OWM 练习一个简单的天气应用程序。我正在获取坐标并将它们传递给函数以使用传单显示地图。

这是我的代码

function drawMap(lat,lon){

    const mymap = L.map('map').setView([lat, lon],3);

    L.tileLayer(`https://tile.openweathermap.org/map/temp_new/3/1/1.png?appid=${apiKey}`).addTo(mymap);

}

我的问题是:

-传单需要缩放级别,但它也在 openweather URL 中,所以我不知道是否需要设置相同的级别 - 在网址中,我应该放 x 和 y 平铺坐标,我不太了解所需的 X 和 Y 值,并且 OWM API 文档并没有真正详细说明这些。

现在,例如使用值 3/6/1,我得到

缩放只是一遍又一遍的相同图块,你无法辨认出任何东西,所以很明显我做错了什么

谢谢

【问题讨论】:

    标签: javascript leaflet openweathermap


    【解决方案1】:

    我不太明白你在描述什么,但通常你会在 Tile-Url 中设置模板字符串,可以用传单替换:

    L.tileLayer(`https://tile.openweathermap.org/map/temp_new/{z}/{x}/{y}.png?appid=${apiKey}`).addTo(mymap);
    

    【讨论】:

    • 谢谢,我现在明白我应该使用传单中的对象作为参数。我搞定了
    猜你喜欢
    • 2021-02-07
    • 1970-01-01
    • 2013-12-12
    • 2017-04-02
    • 1970-01-01
    • 2021-05-11
    • 2021-06-09
    • 2022-08-06
    • 1970-01-01
    相关资源
    最近更新 更多