时间戳

首页 > 解决方案 > 使用传单显示 OpenWeatherMap 的问题

javascript - 使用传单显示 OpenWeatherMap 的问题

问题描述

我正在使用 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 中，所以我不知道是否需要在 url 中放置相同的 - 在 url 中，我应该放置 x 和 y 平铺坐标，我不真正了解所需的 X 和 Y 值，而 OWM API 文档并没有真正详细说明这些值。

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

缩放只是一遍又一遍的相同瓷砖，你什么也看不出来，所以很明显我做错了什么

谢谢

标签： javascriptleafletopenweathermap

解决方案

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

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

推荐阅读