使用传单显示 OpenWeatherMap 的问题

Question

我正在使用 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);

}

我的问题是：

-传单要求缩放级别，但它也在开放天气中 URL 所以我不知道是否需要放一样的 - 在 url 中，我应该放置 x 和 y 平铺坐标，我不太了解所需的 X 和 Y 值，OWM API 文档并没有真正详细说明这些。

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

缩放只是一遍又一遍地显示相同的图块，您什么也看不出来，所以显然我做错了什么

谢谢

Answer 1

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

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

使用传单显示 OpenWeatherMap 的问题

Issues displaying OpenWeatherMap with leaflet

javascript

leaflet

openweathermap