<!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 浏览器定位
时间： 2024-11-05 22:35:03
javascript 浏览器定位的相关文章
百度地图API的IP定位城市和浏览器定位（转）
百度地图API提供了Geolocation 和 LocalCity两个服务类. 这俩API可以分别供用户在JavaScript中进行定位和城市确认. 1 本质上,Geolocation这个类是使用了支持HTML5浏览器提供的Geolocation API 来进行定位的.目前Internet Explorer 9.Firefox.Chrome.Safari 以及 Opera 支持地理定位(因为他们支持HTML5). 2 本质上,LocalCity这个类是利用用户IP地址去百度数据库里查询得到IP所
百度地图之地址解析和浏览器定位以及添加可拖拽标注
这里的百度地图demo包括了常见的:地址解析.浏览器定位.IP定位.可拖拽标注 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <script type="tex
高德地图进行浏览器定位并自定义定位按钮
要在页面里引入高德地图API进行定位,先要去高德地图官网申请开发的key,这里官网文档写的很清楚. <script src="https://webapi.amap.com/maps?v=1.3&key=你申请的key值&plugin=AMap.Walking"></script> 然后按照API文档里接入js代码,引入后高德地图会默认给你一个定位按钮,这个按钮不能自定义,只能放在地图的四个角,不过可以自定义这个按钮的图标样式. 这里的小技巧就是
javascript浏览器对象
window对象 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JS全局对象.函数以及变量均自动成为window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 甚至HTML DOM中的document也是window对象的属性之一 2.window尺寸(不包含工具栏和滚动条) window.innerHeight 浏览器窗口的内部高度 window.innerWidth 浏览
javascript网页定位导航的实现
本文针对网页定位导航,用javascript进行效果实现.本文是慕课网的一个练习题,程序中,我注释掉的部分是其中的例题代码,我没有调通或者是根本没有必要那么写. 还有例题中用window.load来加载函数,不能实时刷新网页来进行显示,当滚动条滑动时需要刷新一下页面才能看到效果,所以我不其删掉,用定时器setInterval来控制,动作实时刷新 <!DOCTYPE html> <html> <head> <meta http-equiv="Content
奔跑吧，我的JavaScript(3)---JavaScript浏览器对象
Window对象 1.是BOM的核心,window对象指向当前的浏览器窗口,最高层对象之一. 2.所有JavaScript全局对象,函数以及变量均自动成为window对象成员 3.全局变量是window对象的属性 4.全局函数是window对象的方法 5.window尺寸 window.innerHright/window.innerWidth,浏览器窗口的内部高度/宽度 6.window方法 window.open() 打开新窗口 window.close() 关闭窗口
JavaScript 浏览器程序设计
不仅JavaScript是基于对象的,而且浏览器也是由对象组成的.JavaScript在浏览器中运行时,可以访问浏览器的对象,其方式与使用JavaScript的内置对象一样.浏览器提供了许多对象,例如window对象对应浏览器的窗口,document对象对应浏览器的页面等.还有许多其他对象可表示页面上写入的HTML,例如每个元素都对应一个img对象,用于在文档中插入一幅图像. 浏览器为JavaScript提供的对象集合通常称为浏览器对象模型(Browser Object Model,BOM).J
Javascript浏览器对象模型BoM要点总结
BOM要点总结篇 温故而知心!!学到的东东,必须要总结一下,方便自己,巩固自己.今天我为大家总结一下BOM当中的一些要点: 一.Windows对象 1.窗口的操作 windows对象对操作浏览器窗口非常有用.用以下四种方法来实现对窗口的移动以及调整大小. moveBy(dx,dy)-----把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素.dx值为负数,向左移动窗口,dy为负数,向上移动窗口. moveTo(x,y)-----移动窗口,使他的左上角位于用户的(x,y)处.可以使用负
Javascript浏览器兼容性
JS <noscript>标签 早期浏览器都面临一个特殊的问题,即当浏览器不支持JavaScript 时如何让页面平稳地退化.对这个问题的最终解决方案就是创造一个<noscript>元素,用以在不支持JavaScript 的浏览器中显示替代的内容.这个元素可以包含能够出现在文档<body>中的任何HTML 元素一一<script>元素除外. 包含在<noscript>元素中的内容只有在下列情况下才会显示出来: 浏览器不支持脚本: 浏览器支持脚本,