如何使用javascript代码在搜索框中使用/调用maps api来显示城市列表

我试图在我的Web应用程序中使用Rapiapi，并尝试使用javascript代码通过自动完成来获取城市和国家的名称，但在尝试搜索时出错。有人能帮我吗

请在下面找到详细代码

var settings = {
"async": true,
"crossDomain": true,
"url": "https://countries-cities.p.rapidapi.com/location/country/GB/geojson?format=json",
"method": "GET",
"headers": {
    "x-rapidapi-host": "countries-cities.p.rapidapi.com",
    "x-rapidapi-key": "65a1b9fb01mshdd797ad52c65502p1489acjsna4edfe314956"
}

}

当用户输入时，我正在尝试获取城市和国家名称的详细信息。T

---

请帮忙谢谢

我建议使用他们的

它们提供了以下代码段：

var请求=要求（“请求”）；
变量选项={
方法：{{HTTP_method}}}，
url:“{API_url}}”，
标题：{
“x-rapidapi-key”：“{API_-key}”
}
};
请求（选项、功能（错误、响应、正文）{
如果（错误）抛出新错误（错误）；
控制台日志（主体）；
});

$.ajax(settings).done(function(response) {
    console.log(response);
});

function search() {
    var input = document.getElementById('search-bar');
    var allcities = new cities(input);
}