当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | locationSuccess: function (position){
var coords = position.coords;
var latlng = new google.maps.LatLng(
coords.latitude,
coords.longitude
);
var myOptions = {
zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var myMap = new google.maps.Map(
document.getElementById( "map" ),myOptions
);
var marker = new google.maps.Marker({
position: latlng,
map: myMap
});
var infowindow = new google.maps.InfoWindow({
content: "您在这里<br/>纬度:" +
coords.latitude+
"<br/>经度:" +coords.longitude
});
infowindow.open(myMap,marker);
}
|
经过测试,Chrome/Firefox/Safari/Opera四个浏览器获取到的位置信息都是一摸一样的,估计都是用的同一个位置服务,数据如下:
而IE浏览器的和上面几款浏览器获取到的数据不一样,数据如下:
位置服务用于估计您所在位置的本地网络信息包括:有关可见 WiFi 接入点的信息(包括信号强度)、有关您本地路由器的信息、您计算机的 IP 地址。位置服务的准确度和覆盖范围因位置不同而异。
总的来说,在PC的浏览器中 HTML5 的地理位置功能获取的位置精度不够高,如果借助这个 HTML5 特性做一个城市天气预报是绰绰有余,但如果是做一个地图应用,那误差还是太大了。不过,如果是移动设备上的 HTML5 应用,可以通过设置 enableHighAcuracy 参数为 true,调用设备的 GPS 定位来获取高精度的地理位置信息。
以上就是如何使用HTML5地理位置定位功能?的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
HTML5表单验证的解析
HTML5如何解决margin-top的塌陷问题(附代码)
h5的filereader怎样分布读取文件
HTML5 form新增的属性
HTML5实践-如何使用css3丰富图片样式的详解(二)
h5完成多图片上传的实例详解
websocket+mse――HTML5 直播技术解析
HTML5实现的在线视频播放
HTML5 viewport总结讲述
HTML5离线应用application cache的代码详解
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何使用HTML5地理位置定位功能?