使用Onclick检索HTML地理位置，然后从Geo Targetly检索城市并将城市填充到Google CSE搜索框中

如何解决使用Onclick检索HTML地理位置，然后从Geo Targetly检索城市并将城市填充到Google CSE搜索框中

我要解决的问题是将位置信息添加到使用Google CSE的搜索中。他们不提供位置功能，因此我必须创建它。我找到了一个分为两部分的解决方案，但是不确定如何组合它们。

1. 我将使用HTML地理位置功能，该功能从浏览器中检索位置坐标。我不打算使用或显示数据（我将删除

   ），我只是想触发权限弹出窗口。

<button onclick="getLocation()">Add your city to your search

<p id="demo"></p>

<script>
var x = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;
}
</script>

1. 然后，我想使用相同的按钮来呼叫城市位置（并发行为，没有其他点击）。以下是GT提供的javascript函数和HTML标记

geotargetly_city_name(); // gets visitor city name geotargetly_loaded(); // gets called when data is available <span class="geotargetly_city_name"></span>

1. 最后，我想将其添加到我的google cse搜索框中。

var searchBox <script async src="https://cse.google.com/cse.js?cx=123:456"></script> `

有人可以帮忙吗？