<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak="></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<title>GPS转百度</title>
<script>
var point = new BMap.Point(116.331398,39.897445);
//判断手机浏览器是否支持定位
if(navigator.geolocation){
var geolocation = new BMap.Geolocation();//创建定位实例
geolocation.getCurrentPosition(showLocation,{enableHighAccuracy: true});//enableHighAccuracy 要求浏览器获取最佳结果
}else{
map.addControl(new BMap.GeolocationControl());//添加定位控件 支持定位
}
//处理定位后的信息
function showLocation(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){//定位成功
//新建中心点 并将地图中心移动过去
alert("百度："+r.longitude+","+r.latitude);
}
else {
alert('failed'+this.getStatus());//定位失败
}
}
</script>
</head>
<body>
<div id="allmap"></div>
百度jsapi
</body>
</html>
javascript 浏览器定位
2017-08-30
962
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}#r-res...
目录
相关文章
|
5天前
|
JavaScript
|
5天前
|
JavaScript
前端开发
UED
|
5天前
|
JavaScript
前端开发
安全
|
4天前
|
Web App开发
JavaScript
前端开发
|
4天前
|
前端开发
JavaScript
Java
Java与JavaScript的区别与联系：有人的地方就有江湖，有浏览器的地方就有JavaScript
Java与JavaScript的区别与联系：有人的地方就有江湖，有浏览器的地方就有JavaScript
17
0
0
|
5天前
|
存储
移动开发
JavaScript
|
5天前
|
JavaScript
前端开发
Playwright执行 JavaScript 脚本：探索浏览器自动化的新境界
在Web自动化中，Playwright提供`page.evaluate()`和`page.evaluate_handle()`来执行JavaScript脚本。`page.evaluate()`返回脚本执行结果，而`page.evaluate_handle()`返回JSHandle。示例展示了如何使用它们，如打印网页标题、操作元素及获取页面内容。通过这些方法，可以处理常规方法难以操作的网页元素。
12
2
2
|
5天前
|
移动开发
JavaScript
前端开发
|
5天前
|
JavaScript
前端开发
开发者
JavaScript基础入门之浏览器控制台调试输出
本文章是对小白学习js的初级教程,也是我对自己学习经验的一种总结,文章大多采用使用案例加讲解,带动学习的方式.因为我们的天性总是喜欢有及时反馈的事物,但是学习是一个慢长的事情,而有结果的回应,才会更好的促进自己去学习,主要是对于javascript学习中的输出,有个大体上的了解,同时通过教学能够更好的使用浏览器来方便我们去学习和运行代码,也是对自己进行笔记整理,对抓住信息关键点的一种提高.
19
0
0
|
5天前
|
JavaScript
前端开发
热门文章
最新文章
1
JavaScript 权威指南第七版（GPT 重译）（六）(4)
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript 权威指南第七版（GPT 重译）（二）(1)
4
JavaScript 权威指南第七版（GPT 重译）（四）(4)
5
JavaScript 权威指南第七版（GPT 重译）（七）(1)
6
JavaScript 权威指南第七版（GPT 重译）（六）(3)
7
JavaScript 权威指南第七版（GPT 重译）（三）(2)
8
【专栏】Vue.js和Node.js如何结合构建现代Web应用
9
JavaScript 权威指南第七版（GPT 重译）（一）(1)
10
JavaScript 权威指南第七版（GPT 重译）（五）(2)
1
调试前端时，在浏览器上修改参数并重新调用接口
54
2
《手把手教你》系列基础篇之（四）-java+ selenium自动化测试- 启动三大浏览器（下）基于Maven（详细教程）
72
3
【问题篇】浏览器get请求带token
96
4
Rtsp转Flv在浏览器中播放
151
5
分析网站架构：浏览器插件
65
6
《手把手教你》系列基础篇之（三）-java+ selenium自动化测试- 启动三大浏览器（上）（详细教程）
52
7
微信公众号H5开发，在微信浏览器打开H5，无法一键下载图片
62
8
微信外部浏览器或短信链接唤起微信小程序的解决方案
193
9
vue-cli 如何让Eslint 报错在浏览器控制台输出
38
10
js阻止浏览器默认事件和防止事件传播事件
26