blocks|key|615348|text|另一种方法是使用我的服务http://ipinfo.io，它根据用户当前的IP地址返回城市、地区和国家名称。下面是一个简单的例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|615349|$.get("http://ipinfo.io",+function(response)+{
++++console.log(response.city,+response.country);
},+"jsonp");|code-block|syntax|javascript|615350|下面是一个更详细的JSFiddle示例，它还会打印出完整的响应信息，因此您可以看到所有可用的详细信息：http://jsfiddle.net/zK5FN/2/|615351|entityMap|0|LINK|mutability|MUTABLE|url|http://ipinfo.io/|1|http://jsfiddle.net/zK5FN/2/^0|C|G|0|0|0|1F|S|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

<p>Another approach to this is to use my service, <a href="http://ipinfo.io" rel="noreferrer">http://ipinfo.io</a>, which returns the city, region and country name based on the user's current IP address. Here's a simple example:</p>

<pre><code>$.get("http://ipinfo.io", function(response) {
    console.log(response.city, response.country);
}, "jsonp");
</code></pre>

<p>Here's a more detailed JSFiddle example that also prints out the full response information, so you can see all of the available details: <a href="http://jsfiddle.net/zK5FN/2/" rel="noreferrer">http://jsfiddle.net/zK5FN/2/</a> </p>


blocks|key|830795|text|这是为我更新的工作版本，它将得到城市/城镇，它看起来像是在json响应中修改了一些字段。参考之前对此问题的回答。(感谢Michal和另一个推荐人：Link|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|830796|var+geocoder;

if+(navigator.geolocation)+{
++navigator.geolocation.getCurrentPosition(successFunction,+errorFunction);
}
//+Get+the+latitude+and+the+longitude;
function+successFunction(position)+{
++var+lat+=+position.coords.latitude;
++var+lng+=+position.coords.longitude;
++codeLatLng(lat,+lng);
}

function+errorFunction()+{
++alert("Geocoder+failed");
}

function+initialize()+{
++geocoder+=+new+google.maps.Geocoder();

}

function+codeLatLng(lat,+lng)+{
++var+latlng+=+new+google.maps.LatLng(lat,+lng);
++geocoder.geocode({latLng:+latlng},+function(results,+status)+{
++++if+(status+==+google.maps.GeocoderStatus.OK)+{
++++++if+(results[1])+{
++++++++var+arrAddress+=+results;
++++++++console.log(results);
++++++++$.each(arrAddress,+function(i,+address_component)+{
++++++++++if+(address_component.types[0]+==+"locality")+{
++++++++++++console.log("City:+"+%2B+address_component.address_components[0].long_name);
++++++++++++itemLocality+=+address_component.address_components[0].long_name;
++++++++++}
++++++++});
++++++}+else+{
++++++++alert("No+results+found");
++++++}
++++}+else+{
++++++alert("Geocoder+failed+due+to:+"+%2B+status);
++++}
++});
}|code-block|syntax|javascript|830797|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/6359995/get-city-from-geocoder-results^0|21|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Here is updated working version for me which will get City/Town, It looks like some fields are modified in the json response. Referring previous answers for this questions. ( Thanks to Michal &amp; one more reference : <a href="https://stackoverflow.com/questions/6359995/get-city-from-geocoder-results">Link</a> </p>

<pre><code>var geocoder;

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
// Get the latitude and the longitude;
function successFunction(position) {
  var lat = position.coords.latitude;
  var lng = position.coords.longitude;
  codeLatLng(lat, lng);
}

function errorFunction() {
  alert("Geocoder failed");
}

function initialize() {
  geocoder = new google.maps.Geocoder();

}

function codeLatLng(lat, lng) {
  var latlng = new google.maps.LatLng(lat, lng);
  geocoder.geocode({latLng: latlng}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      if (results[1]) {
        var arrAddress = results;
        console.log(results);
        $.each(arrAddress, function(i, address_component) {
          if (address_component.types[0] == "locality") {
            console.log("City: " + address_component.address_components[0].long_name);
            itemLocality = address_component.address_components[0].long_name;
          }
        });
      } else {
        alert("No results found");
      }
    } else {
      alert("Geocoder failed due to: " + status);
    }
  });
}
</code></pre>


blocks|key|830852|text|您可以使用Google地图地理编码API获取城市名称、国家名称、街道名称和其他地理数据|type|unstyled|depth|inlineStyleRanges|entityRanges|data|830853|<!DOCTYPE+html>
<html+lang="en">
<head>
++++<meta+charset="UTF-8">
++++<title></title>
++++<script+type="text/javascript"+src="https://code.jquery.com/jquery-2.2.3.js"></script>
</head>
<body>
++++<script+type="text/javascript">
++++++++navigator.geolocation.getCurrentPosition(success,+error);

++++++++function+success(position)+{
++++++++++++console.log(position.coords.latitude)
++++++++++++console.log(position.coords.longitude)

++++++++++++var+GEOCODING+=+'https://maps.googleapis.com/maps/api/geocode/json?latlng='+%2B+position.coords.latitude+%2B+'%252C'+%2B+position.coords.longitude+%2B+'&language=en';

++++++++++++$.getJSON(GEOCODING).done(function(location)+{
++++++++++++++++console.log(location)
++++++++++++})

++++++++}

++++++++function+error(err)+{
++++++++++++console.log(err)
++++++++}
++++</script>
</body>
</html>|code-block|syntax|javascript|830854|并使用jQuery在页面上显示此数据|830855|<!DOCTYPE+html>
<html+lang="en">
<head>
++++<meta+charset="UTF-8">
++++<title></title>
++++<script+type="text/javascript"+src="https://code.jquery.com/jquery-2.2.3.js"></script>
</head>
<body>

++++<p>Country:+<span+id="country"></span></p>
++++<p>State:+<span+id="state"></span></p>
++++<p>City:+<span+id="city"></span></p>
++++<p>Address:+<span+id="address"></span></p>

++++<p>Latitude:+<span+id="latitude"></span></p>
++++<p>Longitude:+<span+id="longitude"></span></p>

++++<script+type="text/javascript">
++++++++navigator.geolocation.getCurrentPosition(success,+error);

++++++++function+success(position)+{

++++++++++++var+GEOCODING+=+'https://maps.googleapis.com/maps/api/geocode/json?latlng='+%2B+position.coords.latitude+%2B+'%252C'+%2B+position.coords.longitude+%2B+'&language=en';

++++++++++++$.getJSON(GEOCODING).done(function(location)+{
++++++++++++++++$('#country').html(location.results[0].address_components[5].long_name);
++++++++++++++++$('#state').html(location.results[0].address_components[4].long_name);
++++++++++++++++$('#city').html(location.results[0].address_components[2].long_name);
++++++++++++++++$('#address').html(location.results[0].formatted_address);
++++++++++++++++$('#latitude').html(position.coords.latitude);
++++++++++++++++$('#longitude').html(position.coords.longitude);
++++++++++++})

++++++++}

++++++++function+error(err)+{
++++++++++++console.log(err)
++++++++}
++++</script>
</body>
</html>|830856|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can get the name of the city, country, street name and other geodata using the Google Maps Geocoding API</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;script type="text/javascript"&gt;
        navigator.geolocation.getCurrentPosition(success, error);

        function success(position) {
            console.log(position.coords.latitude)
            console.log(position.coords.longitude)

            var GEOCODING = 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + position.coords.latitude + '%2C' + position.coords.longitude + '&amp;language=en';

            $.getJSON(GEOCODING).done(function(location) {
                console.log(location)
            })

        }

        function error(err) {
            console.log(err)
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>and to display this data on the page using jQuery</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;p&gt;Country: &lt;span id="country"&gt;&lt;/span&gt;&lt;/p&gt;
    &lt;p&gt;State: &lt;span id="state"&gt;&lt;/span&gt;&lt;/p&gt;
    &lt;p&gt;City: &lt;span id="city"&gt;&lt;/span&gt;&lt;/p&gt;
    &lt;p&gt;Address: &lt;span id="address"&gt;&lt;/span&gt;&lt;/p&gt;

    &lt;p&gt;Latitude: &lt;span id="latitude"&gt;&lt;/span&gt;&lt;/p&gt;
    &lt;p&gt;Longitude: &lt;span id="longitude"&gt;&lt;/span&gt;&lt;/p&gt;

    &lt;script type="text/javascript"&gt;
        navigator.geolocation.getCurrentPosition(success, error);

        function success(position) {

            var GEOCODING = 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + position.coords.latitude + '%2C' + position.coords.longitude + '&amp;language=en';

            $.getJSON(GEOCODING).done(function(location) {
                $('#country').html(location.results[0].address_components[5].long_name);
                $('#state').html(location.results[0].address_components[4].long_name);
                $('#city').html(location.results[0].address_components[2].long_name);
                $('#address').html(location.results[0].formatted_address);
                $('#latitude').html(position.coords.latitude);
                $('#longitude').html(position.coords.longitude);
            })

        }

        function error(err) {
            console.log(err)
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|615534|text|在搜索和拼凑了几个不同的解决方案和我自己的东西之后，我想出了这个函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|615535|function+parse_place(place)
{
++++var+location+=+[];

++++for+(var+ac+=+0;+ac+<+place.address_components.length;+ac%2B%2B)
++++{
++++++++var+component+=+place.address_components[ac];

++++++++switch(component.types[0])
++++++++{
++++++++++++case+'locality':
++++++++++++++++location['city']+=+component.long_name;
++++++++++++++++break;
++++++++++++case+'administrative_area_level_1':
++++++++++++++++location['state']+=+component.long_name;
++++++++++++++++break;
++++++++++++case+'country':
++++++++++++++++location['country']+=+component.long_name;
++++++++++++++++break;
++++++++}
++++};

++++return+location;
}|code-block|syntax|javascript|615536|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>After some searching and piecing together a couple of different solutions along with my own stuff, I came up with this function:</p>

<pre class="lang-js prettyprint-override"><code>function parse_place(place)
{
    var location = [];

    for (var ac = 0; ac &lt; place.address_components.length; ac++)
    {
        var component = place.address_components[ac];

        switch(component.types[0])
        {
            case 'locality':
                location['city'] = component.long_name;
                break;
            case 'administrative_area_level_1':
                location['state'] = component.long_name;
                break;
            case 'country':
                location['country'] = component.long_name;
                break;
        }
    };

    return location;
}
</code></pre>


blocks|key|615552|text|这是另一个尝试..在可接受的答案中添加更多可能更全面。当然，switch+-case会让它看起来很优雅。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|615553|function+parseGeoLocationResults(result)+{
++++const+parsedResult+=+{}
++++const+{address_components}+=+result;

++++for+(var+i+=+0;+i+<+address_components.length;+i%2B%2B)+{
++++++++for+(var+b+=+0;+b+<+address_components[i].types.length;+b%2B%2B)+{
++++++++++++if+(address_components[i].types[b]+==+"street_number")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.street_number+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"route")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.street_name+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"sublocality_level_1")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.sublocality_level_1+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"sublocality_level_2")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.sublocality_level_2+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"sublocality_level_3")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.sublocality_level_3+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"neighborhood")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.neighborhood+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"locality")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.city+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"administrative_area_level_1")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.state+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}

++++++++++++else+if+(address_components[i].types[b]+==+"postal_code")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.zip+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++++++else+if+(address_components[i].types[b]+==+"country")+{
++++++++++++++++//this+is+the+object+you+are+looking+for
++++++++++++++++parsedResult.country+=+address_components[i].long_name;
++++++++++++++++break;
++++++++++++}
++++++++}
++++}
++++return+parsedResult;
}|code-block|syntax|javascript|615554|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here is another go at it .. Adding more to the accepted answer possibly more comprehensive .. of course switch -case will make it look for elegant.</p>

<pre><code>function parseGeoLocationResults(result) {
    const parsedResult = {}
    const {address_components} = result;

    for (var i = 0; i &lt; address_components.length; i++) {
        for (var b = 0; b &lt; address_components[i].types.length; b++) {
            if (address_components[i].types[b] == "street_number") {
                //this is the object you are looking for
                parsedResult.street_number = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "route") {
                //this is the object you are looking for
                parsedResult.street_name = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "sublocality_level_1") {
                //this is the object you are looking for
                parsedResult.sublocality_level_1 = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "sublocality_level_2") {
                //this is the object you are looking for
                parsedResult.sublocality_level_2 = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "sublocality_level_3") {
                //this is the object you are looking for
                parsedResult.sublocality_level_3 = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "neighborhood") {
                //this is the object you are looking for
                parsedResult.neighborhood = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "locality") {
                //this is the object you are looking for
                parsedResult.city = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "administrative_area_level_1") {
                //this is the object you are looking for
                parsedResult.state = address_components[i].long_name;
                break;
            }

            else if (address_components[i].types[b] == "postal_code") {
                //this is the object you are looking for
                parsedResult.zip = address_components[i].long_name;
                break;
            }
            else if (address_components[i].types[b] == "country") {
                //this is the object you are looking for
                parsedResult.country = address_components[i].long_name;
                break;
            }
        }
    }
    return parsedResult;
}
</code></pre>


blocks|key|615605|text|您可以使用https://ip-api.io/获取城市名称。它支持IPv6。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|615606|作为一个额外的奖励，它允许检查ip地址是否是tor节点、公共代理或垃圾邮件发送者。|615607|Javascript代码：|615608|$(document).ready(function+()+{
++++++++$('#btnGetIpDetail').click(function+()+{
++++++++++++if+($('#txtIP').val()+==+'')+{
++++++++++++++++alert('IP+address+is+reqired');
++++++++++++++++return+false;
++++++++++++}
++++++++++++$.getJSON("http://ip-api.io/json/"+%2B+$('#txtIP').val(),
+++++++++++++++++function+(result)+{
+++++++++++++++++++++alert('City+Name:+'+%2B+result.city)
+++++++++++++++++++++console.log(result);
+++++++++++++++++});
++++++++});
++++});|code-block|syntax|javascript|615609|HTML代码|615610|<script+src="https://code.jquery.com/jquery-1.12.4.js"></script>
<div>
++++<input+type="text"+id="txtIP"+/>
++++<button+id="btnGetIpDetail">Get+Location+of+IP</button>
</div>|615611|JSON输出|615612|{
++++"ip":+"64.30.228.118",
++++"country_code":+"US",
++++"country_name":+"United+States",
++++"region_code":+"FL",
++++"region_name":+"Florida",
++++"city":+"Fort+Lauderdale",
++++"zip_code":+"33309",
++++"time_zone":+"America/New_York",
++++"latitude":+26.1882,
++++"longitude":+-80.1711,
++++"metro_code":+528,
++++"suspicious_factors":+{
++++++++"is_proxy":+false,
++++++++"is_tor_node":+false,
++++++++"is_spam":+false,
++++++++"is_suspicious":+false
++++}
}|615613|entityMap|0|LINK|mutability|MUTABLE|url|https://ip-api.io/^0|5|I|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|17|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|18|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|1A|8|@]|9|@]|C|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|C|$]]|$1|S|3|T|5|J|7|1C|8|@]|9|@]|C|$K|L]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

<p>You can use <a href="https://ip-api.io/" rel="nofollow noreferrer">https://ip-api.io/</a> to get city Name. It supports IPv6.</p>

<p>As a bonus it allows to check whether ip address is a tor node, public proxy or spammer. </p>

<p>Javascript Code:</p>

<pre><code>$(document).ready(function () {
        $('#btnGetIpDetail').click(function () {
            if ($('#txtIP').val() == '') {
                alert('IP address is reqired');
                return false;
            }
            $.getJSON("http://ip-api.io/json/" + $('#txtIP').val(),
                 function (result) {
                     alert('City Name: ' + result.city)
                     console.log(result);
                 });
        });
    });
</code></pre>

<p>HTML Code</p>

<pre><code>&lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
&lt;div&gt;
    &lt;input type="text" id="txtIP" /&gt;
    &lt;button id="btnGetIpDetail"&gt;Get Location of IP&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>JSON Output</p>

<pre><code>{
    "ip": "64.30.228.118",
    "country_code": "US",
    "country_name": "United States",
    "region_code": "FL",
    "region_name": "Florida",
    "city": "Fort Lauderdale",
    "zip_code": "33309",
    "time_zone": "America/New_York",
    "latitude": 26.1882,
    "longitude": -80.1711,
    "metro_code": 528,
    "suspicious_factors": {
        "is_proxy": false,
        "is_tor_node": false,
        "is_spam": false,
        "is_suspicious": false
    }
}
</code></pre>


blocks|key|830987|text|或者你也可以使用我的服务https://astroip.co，它是一个新的地理定位API：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|830988|$.get("https://api.astroip.co/?api_key=1725e47c-1486-4369-aaff-463cc9764026",+function(response)+{
++++console.log(response.geo.city,+response.geo.country);
});|code-block|syntax|javascript|830989|AstroIP提供地理位置数据以及代理、TOR节点和爬虫检测等安全数据点。API还返回货币、时区、ASN和公司数据。|830990|这是一个相当新的api，平均响应时间为40ms，来自世界各地的多个地区，这使它在少数几个可用的超快地理位置api列表中。|830991|每月最多可免费申请30,000次的大型免费套餐可用。|830992|entityMap|0|LINK|mutability|MUTABLE|url|https://astroip.co/^0|C|I|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>Alternatively you could use my service, <a href="https://astroip.co" rel="nofollow noreferrer">https://astroip.co</a>, it is a new Geolocation API:</p>
<pre><code>$.get(&quot;https://api.astroip.co/?api_key=1725e47c-1486-4369-aaff-463cc9764026&quot;, function(response) {
    console.log(response.geo.city, response.geo.country);
});

</code></pre>
<p>AstroIP provides geolocation data together with security datapoints like proxy, TOR nodes and crawlers detection. The API also returns currency, timezones, ASN and company data.</p>
<p>It is a pretty new api with an average response time of 40ms from multiple regions around the world, which positions it in the handful list of super fast Geolocation APIs available.</p>
<p>Big free plan of up to 30,000 requests per month for free is available.</p>


<p>I managed to get the user's latitude and longitude using HTML-based geolocation. </p>

<pre><code>//Check if browser supports W3C Geolocation API
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
} 
//Get latitude and longitude;
function successFunction(position) {
    var lat = position.coords.latitude;
    var long = position.coords.longitude;
}
</code></pre>

<p>I want to display the city name, it seems the only way to get it is to use a reverse geolocation API. I read Google's documentation for reverse geolocation but I don't know how to get the output on my site.</p>

<p>I don't know how to go use this: <code>"http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&amp;sensor=true"</code> to display the city name on the page.</p>

<p>How can I achieve this?</p>


Get city name using geolocation

jQuery

JSON

我设法使用基于HTML的地理定位来获取用户的纬度和经度。//Check if browser supports W3C Geolocation APIif (navigator.geolocation) {    navigator.geolocation.getCurrentPosition(successFunct...

问使用地理位置获取城市名称
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用地理位置获取城市名称EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用地理位置获取城市名称
EN