时间戳

首页 > 解决方案 > 改进对 Openweathermap 的 API 调用以获取 Leaflet 上的图块

javascript - 改进对 Openweathermap 的 API 调用以获取 Leaflet 上的图块

问题描述

我正在尝试在我的传单地图中添加一个具有当前天气的图层。为此，我正在使用此传单插件https://github.com/buche/leaflet-openweathermap正在使用此调用： https://tile.openweathermap.org/map/{layer}/{z}/{x}/{y}.png?appid={API key} OWM 的免费版本每分钟提供 60 个调用，问题是每次我缩放或拖动正在请求 API 的地图 12 请愿书。我认为 60c/m 的免费版本对于我的应用程序来说应该绰绰有余，但只要我放大几次，API 密钥就会被阻止。有没有更好的方法来解决这个问题？

标签： javascriptapileafletmapsopenweathermap

解决方案

您的地图请求的图块越多，您就越快达到限制。为了减少请求的图块数量（以用户体验为代价），请考虑限制缩放/拖动选项。

// change options according to your needs
let mapOptions = {
    zoomControl: false,
    scrollWheelZoom: false,
    boxZoom: false,
    dragging: false
}

let map = L.map('map', mapOptions);

推荐阅读