javascript - Leaflet setView by ajax (城市名称或邮政编码)

Question

我们正在尝试从 gmap 切换到 Leaflet。设置 map 效果很好，我们所有商店的标记也都可以。我使用 leaflet-search 作为搜索城市的内置解决方案。

但它正在按键或类似的东西上工作。

我们希望有一个带有单独提交按钮的输入。

之前，我们只是使用了 ajax，以及 gmap 中的某个 url，并附加了搜索值。但有了传单我就无法做到......它看起来像这样:

function geocode(key)
{
var address = key.replace(/ /g, '+');
var url = 'https://maps.googleapis.com/maps/api/geocode/json';
url += "?key=" + SitePreferences.GOOGLE_MAP_API_KEY;

$.ajax({
    url     : url,
    data    : {address:address},
    dataType: "json",
    success : function (json)
    {
        setGeocode(json);
    },
    error: function()
    {
        console.log("Google map API geocode error");
    }
});}

如何使用传单做到这一点？我尝试过类似的操作但没有成功:

var url = 'https://nominatim.openstreetmap.org/search?format=json&q={address}';

        $.ajax(
        {
             url:url, 
             dataType: "json",
             success: function(data)
             {
                 console.log(data),
             }
        });

Answer 1

你的代码很好，它有一个语法错误，我还使用数据而不是直接从网址发送参数

$('#find').click(function(){
  var url = 'https://nominatim.openstreetmap.org/search';
  $.ajax(
  {
    url: url, 
    dataType: "json",
    data:{
      format:'json',
      q: '{' + $("#address").val() + '}'
    },
    success: function(data)
    {
       console.log(data);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="address" />
<button id="find">find address</button>