blocks|key|1071005|text|虽然有GeoLocation+API，但目前对浏览器的支持还很少。大多数关心这类事情的站点都使用GeoIP数据库(通常附带的条件是此类系统的不准确性)。您还可以查看需要用户协作的第三方服务，如FireEagle。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1071006|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.w3.org/geo/api/spec-source.html|1|http://fireeagle.yahoo.net/developer^0|3|F|0|2O|9|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

There is the <a href="http://dev.w3.org/geo/api/spec-source.html" rel="nofollow noreferrer">GeoLocation API</a>, but browser support is rather thin on the ground at present. Most sites that care about such things use a GeoIP database (with the usual provisos about the inaccuracy of such a system). You could also look at third party services requiring user cooperation such as <a href="http://fireeagle.yahoo.net/developer" rel="nofollow noreferrer">FireEagle</a>.

blocks|key|1071054|text|如果使用Geolocation+API，则只需使用以下代码即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1071055|navigator.geolocation.getCurrentPosition(function(location)+{
++console.log(location.coords.latitude);
++console.log(location.coords.longitude);
++console.log(location.coords.accuracy);
});|code-block|syntax|javascript|1071056|您也可以使用Google's+Client+Location+API。|1071057|这个问题已经在Is+it+possible+to+detect+a+mobile+browser's+GPS+location?和Get+position+data+from+mobile+browser中讨论过了。你可以在那里找到更多信息。|1071058|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation|1|https://developers.google.com/maps/documentation/geolocation/intro|2|https://stackoverflow.com/questions/762141/is-it-possible-to-detect-a-mobile-browsers-gps-location|3|https://stackoverflow.com/questions/97865/get-position-data-from-mobile-browser^0|4|F|0|0|0|6|S|1|0|7|1L|2|1T|11|3|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|K|3|L|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]|$A|1D|B|1E|1|1F]]|C|$]]|$1|M|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]|W|$5|P|Q|R|C|$S|X]]|Y|$5|P|Q|R|C|$S|Z]]]]

If you use the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation" rel="noreferrer">Geolocation API</a>, it would be as simple as using the following code.

<pre><code>navigator.geolocation.getCurrentPosition(function(location) {
 console.log(location.coords.latitude);
 console.log(location.coords.longitude);
 console.log(location.coords.accuracy);
});
</code></pre>

You may also be able to use <a href="https://developers.google.com/maps/documentation/geolocation/intro" rel="noreferrer">Google's Client Location API</a>.

This issue has been discussed in <a href="https://stackoverflow.com/questions/762141/is-it-possible-to-detect-a-mobile-browsers-gps-location">Is it possible to detect a mobile browser&#39;s GPS location?</a> and <a href="https://stackoverflow.com/questions/97865/get-position-data-from-mobile-browser">Get position data from mobile browser</a>. You can find more information there.

blocks|key|1285797|text|给出一个更具体的答案。HTML5允许您获取地理坐标，并且它做了一项相当不错的工作。总体而言，浏览器对地理定位的支持相当不错，除了ie7和ie8+(以及opera+mini)之外的所有主流浏览器。IE9可以完成这项工作，但它的表现最差。Checkout+caniuse.com：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1285798|http://caniuse.com/#search=geol|offset|length|1285799|此外，你需要你的用户的批准才能访问他们的位置，所以确保你检查了这一点，并给出了一些像样的指示，以防它被关闭。特别是对于Iphone来说，打开Safari的权限有点麻烦。|1285800|entityMap|0|LINK|mutability|MUTABLE|url|http://caniuse.com/#search=geo^0|0|0|V|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

To give a bit more specific answer. HTML5 allows you to get the geo coordinates, and it does a pretty decent job. Overall the browser support for geolocation is pretty good, all major browsers except ie7 and ie8 (and opera mini). IE9 does the job but is the worst performer. Checkout caniuse.com:

<a href="http://caniuse.com/#search=geo" rel="noreferrer">http://caniuse.com/#search=geol</a>

Also you need the approval of your user to access their location, so make sure you check for this and give some decent instructions in case it's turned off. Especially for Iphone turning permissions on for Safari is a bit cumbersome.

blocks|key|1071268|text|使用此链接，您将在http://www.w3schools.com/html/html5_geolocation.asp上找到所有信息|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1071269|<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:+"+%2B+position.coords.latitude+%2B+
++++" Longitude:+"+%2B+position.coords.longitude;+
}
</script>|code-block|syntax|javascript|1071270|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/html/html5_geolocation.asp^0|9|1F|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]]]]

Use this, and you will find all informations at <a href="http://www.w3schools.com/html/html5_geolocation.asp" rel="noreferrer">http://www.w3schools.com/html/html5_geolocation.asp</a>

<pre><code>&lt;script&gt;
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 + 
 "&lt;br&gt;Longitude: " + position.coords.longitude; 
}
&lt;/script&gt;
</code></pre>

blocks|key|1286028|text|让我们使用最新的fat+arrow+functions|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1286029|navigator.geolocation.getCurrentPosition((loc)+=>+{
++console.log('The+location+in+lat+lon+format+is:+[',+loc.coords.latitude,+',',+loc.coords.longitude,+']');
})|code-block|syntax|javascript|1286030|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions^0|8|J|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]]]]

Let's use the latest <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions" rel="nofollow noreferrer">fat arrow functions</a>:

<pre><code>navigator.geolocation.getCurrentPosition((loc) =&gt; {
 console.log('The location in lat lon format is: [', loc.coords.latitude, ',', loc.coords.longitude, ']');
})
</code></pre>

blocks|key|1071326|text|可观察的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1071327|/*
++function+geo_success(position)+{
++++do_something(position.coords.latitude,+position.coords.longitude);
++}

++function+geo_error()+{
++++alert("Sorry,+no+position+available.");
++}

++var+geo_options+=+{
++++enableHighAccuracy:+true,
++++maximumAge++++++++:+30000,
++++timeout+++++++++++:+27000
++};

++var+wpid+=+navigator.geolocation.watchPosition(geo_success,+geo_error,+geo_options);
++*/
++getLocation():+Observable<Position>+{
++++return+Observable.create((observer)+=>+{
++++++const+watchID+=+navigator.geolocation.watchPosition((position:+Position)+=>+{
++++++++observer.next(position);
++++++});
++++++return+()+=>+{
++++++++navigator.geolocation.clearWatch(watchID);
++++++};
++++});
++}

++ngOnDestroy()+{
++++this.sub.unsubscribe();
++}|code-block|syntax|javascript|1071328|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|$]]

Observable

<pre><code>/*
 function geo_success(position) {
 do_something(position.coords.latitude, position.coords.longitude);
 }

 function geo_error() {
 alert("Sorry, no position available.");
 }

 var geo_options = {
 enableHighAccuracy: true,
 maximumAge : 30000,
 timeout : 27000
 };

 var wpid = navigator.geolocation.watchPosition(geo_success, geo_error, geo_options);
 */
 getLocation(): Observable&lt;Position&gt; {
 return Observable.create((observer) =&gt; {
 const watchID = navigator.geolocation.watchPosition((position: Position) =&gt; {
 observer.next(position);
 });
 return () =&gt; {
 navigator.geolocation.clearWatch(watchID);
 };
 });
 }

 ngOnDestroy() {
 this.sub.unsubscribe();
 }
</code></pre>

I am developing a mobile based web-site, there I have integrated Google Maps, I need to fill the 'From' field of Google Maps dynamically.

Is it possible to get the GPS location from web browser and fill it up in the 'From' field of a Google Map dynamically?

Get GPS location from the web browser

数据库

HTML5

我正在开发一个基于移动的网站，在那里我集成了谷歌地图，我需要填写谷歌地图的‘从’字段动态。有没有可能从web浏览器获取GPS位置，并将其动态填充到Google地图的“from”字段中？

问从web浏览器获取GPS位置
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从web浏览器获取GPS位置EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从web浏览器获取GPS位置
EN