如何利用【百度地图API】进行定位?非GPS定位
2011-04-13 15:03
519 查看
如果你可以上网,如果你有火狐浏览器,那么恭喜你。你能很容易使用以下代码进行定位!
-------------------------------------------------------------------------------
百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
其中,有Geolocation这个类,可以帮助你进行定位。
它的原理是,利用浏览器自身的定位功能。目前可以支持地理定位的浏览器有Opera 10.6 (包括 Opera Mobile 10.1)、Chrome5、Firefox 3.6以及Safari 5(包括iPhone上的Safari Mobile)。IE浏览器各个版本(包括IE9)目前都不支持这个功能。 IE9 RC版本支持该功能。(感谢@diligentpig纠正,2011-4-14 15:30)
请保存以下代码为html格式,并在火狐浏览器下运行它。你就能知道你的具体位置啦~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--引用百度地图API-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
</head>
<body>
<!--百度地图容器-->
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
var map = new BMap.Map("dituContent");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
map.enableScrollWheelZoom();
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
alert('您的位置:'+r.point.lng+','+r.point.lat);
}
else {
alert('failed'+this.getStatus());
}
})
</script>
</html>
-------------------------------------------------------------------------------
百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
其中,有Geolocation这个类,可以帮助你进行定位。
它的原理是,利用浏览器自身的定位功能。目前可以支持地理定位的浏览器有Opera 10.6 (包括 Opera Mobile 10.1)、Chrome5、Firefox 3.6以及Safari 5(包括iPhone上的Safari Mobile)。IE浏览器各个版本(包括IE9)目前都不支持这个功能。 IE9 RC版本支持该功能。(感谢@diligentpig纠正,2011-4-14 15:30)
请保存以下代码为html格式,并在火狐浏览器下运行它。你就能知道你的具体位置啦~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--引用百度地图API-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
</head>
<body>
<!--百度地图容器-->
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
var map = new BMap.Map("dituContent");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
map.enableScrollWheelZoom();
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
alert('您的位置:'+r.point.lng+','+r.point.lat);
}
else {
alert('failed'+this.getStatus());
}
})
</script>
</html>
为什么浏览器知道你在哪里?(浏览器定位技术)
http://www.iefans.net/liulanqi-zhidao-weizhi/
相关文章推荐
- 如何利用【百度地图API】进行定位?非GPS定位
- 如何利用【百度地图API】进行定位?非GPS定位
- php利用百度地图API进行IP定位和GPS定位
- 百度地图打标展示地点分布图 ,如何利用百度地图API进行标注
- 利用Hackrf One进行GPS定位欺骗制作超级跑马机
- 百度地图API应用之——利用定位SDK和地图SDK来进行定位和显示当前位置
- 如何利用Google进行招聘
- Android UI 中如何利用表格进行布局
- 如何利用 WinDbg 进行双机调试
- 如何利用季节性数据进行预测分析
- 如何利用秒级监控进行mongodb故障排查
- 如何利用异或运算进行简单加密解密
- 如何利用秒级监控进行mongodb故障排查
- 如何利用 JConsole观察分析Java程序的运行,进行排错调优
- 如何利用QQ邮件列表进行邮件营销-QQ邮件列表营销的操作方法
- 如何利用socket进行HTTP访问
- 如何利用客户端缓存对网站进行优化?
- Tabular系列之问题1:如何利用其他人的账号进行权限测试?
- 如何利用wireshark对TCP消息进行分析
- 【百度地图API】如何利用PhoneGap制作地图APP