HTML5地理定位，百度地图API，知识点熟悉

2020-12-13 02:42

阅读：452

标签：html5地理定位 html5 html5自由者百度地图api

判断浏览器的兼容问题：

IE9+支持地理定位，FF Chrome新版支持地理定位

if (navigator.geolocation) {
alert(‘支持地理定位‘);
} else {
alert(‘不支持地理定位‘);
}

获取自己位置经纬度

处理错误和拒绝

getCurrentPosition(参数1，参数2); 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数

错误代码：

Permission denied - 用户不允许地理定位
Position unavailable - 无法获取当前位置
Timeout - 操作超时

/*显示定位错误*/
          function showError(error) {
               switch(error.code) {
                    case error.POSITION_UNAVAILABLE:
                         x.innerHTML="无法获取当前位置！"; break;
                    case error.PERMISSION_DENIED:
                         x.innerHTML="用户不允许地理定位！"; break;
                    case error.TIMEOUT:
                         x.innerHTML="操作超时！"; break;
                    case error.UNKNOWN_ERROR:
                         x.innerHTML="未知的错误！" ; break;
               }
          }

watchPosition 使用方法跟getCurrenPosition方法类似 ，watchPosition返回用户的当前位置，如果用户移动则返回实时位置，就跟GPS一样。

① navigator.geolocation.watchPosition(showPosition);

② clearWatch() - 停止 watchPosition() 方法

? 百度地图API助手 http://developer.baidu.com/map/

/*经纬度显示在地图上*/

function showOnMap(position){

var latlon=position.coords.latitude+","+position.coords.longitude;

var img_url="http://maps.googleapis.com/maps/api/staticmap?center="

+latlon+"&zoom=14&size=400x300&sensor=false";

document.getElementById("mapholder").innerHTML="

}

DEMO演示：显示经纬度调用百度地图API显示地图信息

HTML5地理定位，百度地图API，知识点熟悉,搜素材,soscw.com

HTML5地理定位，百度地图API，知识点熟悉

标签：html5地理定位 html5 html5自由者百度地图api

原文地址：http://blog.csdn.net/html5_/article/details/29383581

上一篇：关于JavaScript的43道题①

下一篇：Java实现Windows锁屏

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：HTML5地理定位，百度地图API，知识点熟悉
文章链接：http://soscw.com/essay/26113.html

亲，登录后才可以留言！

HTML5地理定位，百度地图API，知识点熟悉

评论

热门文章

推荐文章

最新文章

置顶文章