博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何利用【百度地图API】进行定位?非GPS定位
阅读量:6872 次
发布时间:2019-06-26

本文共 1571 字,大约阅读时间需要 5 分钟。

如果你可以上网,如果你有火狐浏览器,那么恭喜你。你能很容易使用以下代码进行定位!

-------------------------------------------------------------------------------

百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。

其中,有Geolocation这个类,可以帮助你进行定位。

它的原理是,利用浏览器自身的定位功能。目前可以支持地理定位的浏览器有 10.6 (包括 Opera Mobile 10.1)、5、 3.6以及Safari 5(包括iPhone上的Safari Mobile)。IE浏览器各个版本(包括IE9)目前都不支持这个功能。    IE9  RC版本支持该功能。(感谢@diligentpig纠正,2011-4-14 15:30)

2011041315014326.jpg

请保存以下代码为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
>

为什么浏览器知道你在哪里?(浏览器定位技术)

转载于:https://www.cnblogs.com/milkmap/archive/2011/04/13/2014874.html

你可能感兴趣的文章
Http 代理工具 实战 支持网页与QQ代理
查看>>
又见尾递归
查看>>
安装PyGraphics
查看>>
【COCOS2DX-LUA 脚本开发之四】使用TOLUA++编译PKG,从而创建自定义类让LUA脚本使用...
查看>>
开源大数据周刊-第16期
查看>>
遥感图像分类现状及存在的问题
查看>>
Commons Logging存在的ClassLoader问题详解
查看>>
双向链表的操作
查看>>
Flume-ng 高级功能配置
查看>>
我的友情链接
查看>>
CRM技术发展历程
查看>>
编译安装LAMP(php-fpm)步骤详解
查看>>
2-Ceph运维
查看>>
深入浅出Linux设备驱动编程--定时器
查看>>
常见移动设备的 CSS3 Media Query 整理(iPhone/iPad/Galaxy/HTC
查看>>
java递归-迷宫求解
查看>>
springboot加载顺序
查看>>
python chapter 学习之序列
查看>>
GlusterFS的基础应用
查看>>
ORA-09925: Unable to create audit trail file Linux-x86_64
查看>>