html5&地理位置定位&完全用百度地图API&只限于谷歌Chrome浏览器
&!DOCTYPE HTML&
&meta charset="utf-8"&
&title&无标题文档&/title&
&script type="text/javascript"src="&
&style type="text/css"&
body, html,#map {width: 100%;height: 100%;overflow:
margin:0;}
id="map"&&/div&
&script type="text/javascript"&
function getLocation()
&if(navigator.geolocation)
&&//alert('123');
&&navigator.geolocation.getCurrentPosition(
&&function showMap(value)
&&&//alert('123');
longitude=value.coords.
latitude=value.coords.
&&&var map=new
BMap.Map("map");
&&&var point=new
BMap.Point(longitude,latitude); //创建点坐标
&&&map.centerAndZoom(point,15);
&&&map.enableScrollWheelZoom();//鼠标滚轮放大缩小
marker=new BMap.Marker(new
&&&BMap.Point(longitude,latitude));//创建标注
&&&map.addOverlay(marker);//将标注添加到地图中
&&function
handleError(value)
&&&switch(value.code){
error.TIMEOUT :
&&&&alert("连接超时请重试");
error.PERMISSION_DENIED :
&&&&alert("您拒绝了使用共享位置");
error.POSITION_UNAVAILABLE :
&&&&alert("抱歉，无法通过您的浏览器获取您的信息");
&&&&&&&&&&&&&&&
&&&&alert("未知错误");
&&{enableHighAccuracy:true,maximumAge:1000});
&&alert("您的浏览器不支持使用HTML5来获取地理位置服务");
function init()
&getLocation();
window.onload=init();
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。来源：网络
更新时间：
延伸：本文除了聚合《》，免费提供的有关和的内容之一，已有不少的网友认为此答案对自己有帮助！获取更多与《》相关的知识。
最满意的回答
猜你感兴趣
回答问题赢iPhone 6建网站选织梦模板，首选跟版网(最大的织梦模板商城)，您可以把织梦模板网：
亲，跟版网是中国最具专业的DEDECMS模板资源提供商！您可以选择或者
利用HTML5中Geolocation获取地理位置调用Google Map API在Google
& &以下内容您可能感兴趣： &
本小菜刚开始学习HTML5，现在对其中的Geolocation颇感兴趣，结合Google Map的API实现基本的地图定位功能。 1.获取当前地理位置 调用方法 void getCurrentPosition(onSuccess, onError, options);即可。 其中onSuccess是获取当前位置信息成功时执行的回调函数，onError是获取当前位置信息失败时所执行的回调函数，options是一些可选熟悉列表。其中第二和第三个参数为可选属性。 在onSuccess回调函数中，用到了参数position，代表一个具体的position对象，表示当前位置。其具有如下属性： &latitude：当前地理位置的纬度。 &longitude：当前地理位置的经度。 &altitude：当前位置的海拔高度（不能获取时为null）。 &accuracy：获取到的纬度和经度的精度（以米为单位）。 &altitudeAccurancy：获取到的海拔高度的经度（以米为单位）。 &heading：设备的前进方向。用面朝正被方向的顺时针旋转角度来表示（不能获取时为null）。 &speed：设备的前进速度（以米/秒为单位，不能获取时为null）。 &timestamp：获取地理位置信息时的时间。 在onError回调函数中，用到了error参数。其具有如下属性： &code：错误代码，有如下值。 1.用户拒绝了位置服务（属性值为1）； 2.获取不到位置信息（属性值为2）； 3.获取信息超时错误（属性值为3）。 &message：字符串，包含了具体的错误信息。 在options参数中，可选属性如下： &enableHighAccuracy：是否要求高精度的地理位置信息。 &timeout：设置超时时间（单位为毫秒）。 &maximumAge：对地理位置信息进行缓存的有效时间（单位为毫秒）。 其中注意要写上如下代码，判断浏览器是否支持HTML5获取地理位置信息，以兼容较早不支持的浏览器。 代码如下: if (navigator.geolocation) { //获取当前地理位置信息 navigator.geolocation.getCurrentPosition(onSuccess, onError, options); } else { alert("你的浏览器不支持HTML5来获取地理位置信息。"); } 2.调用Google Map API获取当前位置信息 首先，需要在页面中引用Google Map API的脚本文件，导入方法如下所示。 代码如下: &script type="text/javascript" src="/maps/api/js?sensor=false"&&/script& 其次，设定地图参数，设定方法如下所示。 代码如下: //指定一个google地图上的坐标点，同时指定该坐标点的横坐标和纵坐标 var latlng = new google.maps.LatLng(coords.latitude, coords.longitude); var myOptions = { zoom: 14, //设定放大倍数 center: latlng, //将地图中心点设定为指定的坐标点 mapTypeId: google.maps.MapTypeId.ROADMAP //指定地图类型 }; 最后，创建地图，并在页面中显示，创建方法如下所示 代码如下: //创建地图，并在页面map中显示 var map = new google.maps.Map(document.getElementById("map"), myOptions); 最后的最后，献上本次示例所有代码。代码如下所示。 代码如下: &!DOCTYPE html& &html xmlns="http://www.w3.org/1999/xhtml"& &head& &meta http-equiv="Content-Type" content="text/ charset=utf-8" /& &title&获取当前位置并显示在google地图上&/title& &script type="text/javascript" src="/maps/api/js?sensor=false"&&/script& &script type="text/javascript"& function init() { if (navigator.geolocation) { //获取当前地理位置 navigator.geolocation.getCurrentPosition(function (position) { var coords = position. //console.log(position); //指定一个google地图上的坐标点，同时指定该坐标点的横坐标和纵坐标 var latlng = new google.maps.LatLng(coords.latitude, coords.longitude); var myOptions = { zoom: 14, //设定放大倍数 center: latlng, //将地图中心点设定为指定的坐标点 mapTypeId: google.maps.MapTypeId.ROADMAP //指定地图类型 }; //创建地图，并在页面map中显示 var map = new google.maps.Map(document.getElementById("map"), myOptions); //在地图上创建标记 var marker = new google.maps.Marker({ position: latlng, //将前面设定的坐标标注出来 map: map //将该标注设置在刚才创建的map中 }); //标注提示窗口 var infoWindow = new Window({ content: "当前位置：&br/&经度：" + latlng.lat() + "&br/&维度：" + latlng.lng() //提示窗体内的提示信息 }); //打开提示窗口 infoWindow.open(map, marker); }, function (error) { //处理错误 switch (error.code) { case 1: alert("位置服务被拒绝。");
case 2: alert("暂时获取不到位置信息。");
case 3: alert("获取信息超时。");
default: alert("未知错误。");
} }); } else { alert("你的浏览器不支持HTML5来获取地理位置信息。"); } } &/script& &/head& &body onload="init()"& &div id="map" style="width: 800 height: 600px"&&/div& &/body& &/html&
跟版网-专业织梦模板下载平台，转载请注明出处：
& &精心为您推荐： &
& &邀您关注： &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号，获取金币模板，还可以免费仿站哦！
扫描左侧二维码即可加入跟版网官方群，免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站，从即日起（）日，跟版网会陆续免费分享一批金币资源给需要的朋友，关注本站认证官方微信公众账号并回复相应的提取码，系统会自动将下载地址发送给您，同时这些金币资源也会分享在官方的QQ群中，欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制，并免费分享给大家，还有免费送金币活动哦！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
- dede源码分享
售价:0金币
- dede源码分享
售价:60金币
- dede源码分享
售价:10金币
- dede源码分享
售价:20金币
- dede源码分享
售价:10金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城，我们有一批经验丰富的设计师和程序员，发展五年，跟版网拥有丰富的织梦模板，欢迎您的咨询，我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念，运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践，跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设，从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得，一种是官方源码，另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得，具体操作流程可查看网址：。会员共享源码可通过共享模板获取金币下载。如觉得麻烦，可以联系客服QQ：进行金币充值，充值后可随意下载。求大牛解决帮忙：利用navigator.geolocation.getCurrentPosition回调函数获取数据失败
[问题点数：20分]
求大牛解决帮忙：利用navigator.geolocation.getCurrentPosition回调函数获取数据失败
[问题点数：20分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年10月 Web 开发大版内专家分月排行榜第三
2013年10月 Web 开发大版内专家分月排行榜第三
2013年10月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。