<!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
959
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
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...
目录
相关文章
|
18天前
|
JavaScript
前端开发
UED
|
3月前
|
JavaScript
前端开发
算法
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同？
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同？
25
0
0
|
3月前
|
JavaScript
前端开发
小程序
|
4月前
|
Web App开发
JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
294
0
0
|
1天前
|
JavaScript
前端开发
|
5天前
|
JavaScript
前端开发
安全
JavaScript DOM 操作：解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石，它阻止脚本跨不同协议、域名或端口访问资源，防止恶意行为。例如，HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求，但需服务器配合设置，通过`document.domain`属性可配置，但仍受限于服务器配置。
10
4
4
|
11天前
|
JavaScript
|
16天前
|
存储
JavaScript
前端开发
|
1月前
|
JSON
JavaScript
前端开发
|
1月前
|
JavaScript
前端开发
热门文章
最新文章
1
一个集 AI + 工具 + 插件 + 社区为一体的Arc 浏览器风格AI客户端
2
关于人脸识别最近浏览器打不开摄像头的解决方案
3
用指纹浏览器为什么要搭配代理IP
4
Selenium Headless模式：无头浏览器的使用与优势
5
推荐给前端程序员的5款浏览器插件
6
JavaScript基础语法（codewhy版本）（一）
7
mPaaS常见问题之集成的uc浏览器so体积过大如何解决
8
在阿里云RPA中，你可以通过以下步骤来更改默认唤醒IE浏览器的地址
9
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
10
Safari浏览器不支持let声明的解决方式
1
JS+CSS3点击粒子烟花动画js特效
12
2
JavaScript爬虫进阶攻略：从网页采集到数据可视化
42
3
JavaScript字符串检查：从基础到高级
24
4
使用 JavaScript 获取 URL 参数的详细指南
282
5
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
90
6
Java Script 中的垃圾回收机制有哪些缺点
13
7
描述 JavaScript 中的垃圾回收机制。
18
8
如何使用 JavaScript 操作 DOM？
13
9
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19
10
JavaScript 中的数组方法有哪些？
10