地理编码 Openstreetmap 根据缩放级别给出不同的响应

Question

我试图弄清楚为什么当缩放级别较低时在村庄上徘徊时显示的是韦斯特罗斯镇而不是 Irsta，但是当我放大它时显示的是 Irsta 村。

在这个例子中，你们可以自己尝试。

当您可以看到 Irsta 的 label 时，我希望能够找到 Irsta，在这种情况下，它不应该是更大的韦斯特罗斯市。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Query Nominatem</title>
    
    <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script>

    <style>
   html, body, #map {
      height:100%;
      width:100%;
      padding:0px;
      margin:0px;
   } 
    </style>

    
</head>
<body>

<div id="map"></div>
<script>

    const map = L.map('map').setView([48.210033, 16.363449], 10);

    const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 19,
        attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
    }).addTo(map);


  let timeOut;
  let popUp;
  let queryState = false;

  function mousemove(e) {
    clearTimeout(timeOut)
    if (!queryState) {
      timeOut = setTimeout(() => {
        queryState = true;
        if (popUp) {
          popUp.remove()
        }
        popPup = L.popup()
          .setLatLng(e.latlng)
          .setContent("Loading data....")
          .openOn(map);
        queryNominatem(e)
      }, 1000);
    }
  }

  function queryNominatem(e) {
    fetch(`https://nominatim.openstreetmap.org/reverse.php?lat=${e.latlng.lat}&lon=${e.latlng.lng}&zoom=${map.getZoom()}&format=json`).then(
      (x) => {
        return x.json()
      }
    ).then(
      (data) => {
        popUp = L.popup()
          .setLatLng(e.latlng)
          .setContent(data.display_name)
          .openOn(map);
        queryState = false;
      }
    ).catch(
      (err) => {
        console.log(err);       
        popUp = L.popup()
          .setLatLng(e.latlng)
          .setContent("Error Loading data ... ")
          .openOn(map);

        setTimeout(() => {
          popUp.remove();
          queryState = false;
        }, 1000);
      }
    );    
  }

  map.on("mousemove", mousemove);
</script>
</body>
</html>

伊尔斯塔村放大图片

伊尔斯塔村的正常变焦

Answer 1

当您在反向 Nominatim 请求中使用动态缩放级别时，就会发生这种情况。 如果缩放级别低于 14，Nominatim 将尝试获取下一个城市，（或者如果它更低，甚至是国家等，请参阅https://nominatim.org/release-docs/develop/api/Reverse /#结果限制）

因此，在进行反向调用时，您必须在缩放中定义一个最小值，例如 q&d：

reverseZoom=Math.max(14,map.getZoom());
fetch(`https://nominatim.openstreetmap.org/reverse.php?lat=${e.latlng.lat}&lon=${e.latlng.lng}&zoom=${reverseZoom}&format=json`)

现在反向调用将始终尝试获取一个村庄，但是 - 这可能是一个问题 - 也是一个郊区而不是一个城市（但如果你放大，这也会发生在你的原始代码中）。 因此，我建议在您的请求中使用 addressdetails=1 并解析 city/village/town 的 addressdetails 响应以返回该值而不是显示名称值。