使用 Leaflet 将用户输入的位置添加到 OpenStreetMap.js

Question

我正在尝试创建用户输入位置的地图，但是要执行此操作，我需要将输入的城市转换为其纬度和经度。这使我能够使用传单轻松绘制它们.jsL.marker(point).addTo(map)给定“伦敦”的输入，有没有办法使用OpenStreetMap API来获取这些值？这里有很少的API工具可以在不需要API密钥的情况下完成这项任务（来自我的研究）。如果可能的话，我想避免使用谷歌地图API，并希望得到任何帮助，无论是API推荐还是OpenStreetMap的想法，因为我对javascript相对较新。提前致谢！

Answer 1

正如评论中所建议的那样，解决方案是使用提名，特别是他们的检索查询。

我最终使用jQuery的getJson函数从API获取数据，如下所示。

$(function () {

  geocoding = function (city, country) {

    var url = `https://nominatim.openstreetmap.org/search?city=${city}&country=${country}&format=json`

    $.getJSON(url, function (data) {

      //data is the JSON string

      lat = data[0].lat

      lon = data[0].lon

      ...

    });

  }

})