使用maxmind geoip2调用城市名称

Question

我使用这个简单的代码使用(geoip2)调用城市名称。它工作得很好，我也从这个网站上得到了这段代码，多亏了他。

问题是，当用户的位置不属于任何一个城市，那么什么都不会出现，我的标题会看起来像这样的愚蠢的"abc从……“

当此脚本无法调用城市名称时，将其替换为“您的城市”。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="//j.maxmind.com/js/apis/geoip2/v2.0/geoip2.js"></script>

<script>
geoip2.cityISPOrg(function (response) {

$("#city").html(response.city.names.en);

}, null, { w3cGeolocationDisabled: true });
</script>

<p>
 <span id="city"></span>,
</p>

Answer 1

geoip2.cityISPOrg(function (response) {

  if (response && response.city && response.city.names && response.city.names.en) {
    $("#city").html(response.city.names.en);
  }
  else {
    $("#city").html("your city");
  }
}, null, { w3cGeolocationDisabled: true });

Answer 2

使用以下简单代码，并根据需要进行修改

<script type="text/javascript" src="//js.maxmind.com/js/apis/geoip2/v2.0/geoip2.js"></script>

<script type="text/javascript">

var onSuccess = function(location){
    alert(
        "Lookup successful:\n\n"
        + JSON.stringify(location, undefined, 4)
    );
};

var onError = function(error){
    alert(
        "Error:\n\n"
        + JSON.stringify(error, undefined, 4)
    );
};

geoip2.city(onSuccess, onError);

</script>