如何利用【百度地图API】进行定位?非GPS定位-阿里云开发者社区

开发者社区> 杰克.陈> 正文

如何利用【百度地图API】进行定位?非GPS定位

简介: 原文:如何利用【百度地图API】进行定位?非GPS定位 如果你可以上网,如果你有火狐浏览器,那么恭喜你。你能很容易使用以下代码进行定位! ------------------------------------------------------------------------------- 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
+关注继续查看
原文:如何利用【百度地图API】进行定位?非GPS定位

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

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

百度地图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)

img_43eb07bdecbd90e96032e90cea4c8086.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>

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

http://www.iefans.net/liulanqi-zhidao-weizhi/

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【百度地图API】——如何用label制作简易的房产标签
原文:【百度地图API】——如何用label制作简易的房产标签 摘要:   最近,API爱好者们纷纷说,自定义marker太复杂了!不仅定义复杂,连所有的dom事件都要自己重新定义。有没有快速简易创建房产标签的方法呢?   答案当然是有的啦~   我们可以利用label嘛! ------------------------------------------------------------------------------- 一、创建地图 这是老生常谈的三句话,初始化地图的js。
2193 0
阿里云+微信小程序+GPS定位
阿里云物联网板块是一个功能非常强大的板块,而且通俗易懂,非常容易上手,比华为的要稍微容易上手一些。本次,小编通过阿里云物联网平台,将SIM800M32的GPS经纬度坐标发送到阿里云平台,并通过规则引擎转发数据至微信小程序,然后在地图上显示位置。
3011 0
【百度地图API】让用户选择起点和终点的驾车导航
原文:【百度地图API】让用户选择起点和终点的驾车导航 摘要:   如果用户搜索“从机场到火车站”,使用驾车导航DrivingRoute会默认显示一条结果。但同一个城市可能有多个机场和火车站,那么,如何用可视化的方法让用户自己选择起点和终点呢?答案是,使用数据接口。
1252 0
【百度地图API】如何制作一张魔兽地图!!——CS地图也可以,哈哈哈
原文:【百度地图API】如何制作一张魔兽地图!!——CS地图也可以,哈哈哈 摘要:   你玩魔兽不?你知道如何做一张魔兽地图不?!   快来看此文吧! --------------------------------------------- 一、制作魔兽地图的准备工作   其实,你只需要准备一些地图的瓦片图,就可以了。
1764 0
【百度地图API】如何实现信息窗口轮询
原文:【百度地图API】如何实现信息窗口轮询 摘要:   很多微博或者SNS开发者,想结合地图展示用户的微博或者状态。这时,利用信息窗口就是最好的展示方式了。   在这里,我们使用信息窗口轮询的方式来实现这一功能。
1019 0
【物联网智能网关-06】GPS定位+星图显示(WinForm库应用实例)
GPS不仅可以双向通信,还可以以二进制格式收发数据,并且可以配置需要发送数据的种类和发送间隔,当然必要的时候,还可以用专门的工具,更新GPS模块的固件。
779 0
如何利用【百度地图API】进行定位?非GPS定位
原文:如何利用【百度地图API】进行定位?非GPS定位 如果你可以上网,如果你有火狐浏览器,那么恭喜你。你能很容易使用以下代码进行定位! ------------------------------------------------------------------------------- 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
939 0
【百度地图API】如何利用地图API制作汽车沿道路行驶的动画?——如何获得道路层数据
原文:【百度地图API】如何利用地图API制作汽车沿道路行驶的动画?——如何获得道路层数据 有几个做汽车导航的朋友问我说,他们想在地图上制作一辆车沿着道路行驶的动画。可是,百度地图的道路数据并没有公开。
1593 0
+关注
杰克.陈
一个安静的程序猿~
10427
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载