html调用百度地图,html5 获取当前位置

　　1.HTML5获取当前地理位置

　　HTML5地理定位API(地理位置应用程序接口)可以获取当前地理位置，手机端使用全球定位系统，电脑则根据网络定位

　　检查浏览器是否支持HTML5地理定位应用程序接口

　　脚本类型= text/JavaScript if(导航器。地理位置){ alert(浏览器支持地理定位!);}else{ alert(浏览器不支持地理定位!);}/脚本提供了3个调用方法

　　//获取用户当前位置void getCurrentPosition(on success，onError，options)；//持续获取用户当前位置，显示位置表示回调方法int watchPosition(showLocation，onError，options)；//取消监控，watchId为观察位置返回值void clear手表(手表id)；成功成功后回调方法（必选)

　　载入错误失败回调方法（可选)

　　选择其他参数（可选)

　　options={ enableHighAccuracy，//boolean，是否要求高精度的地理信息超时，//最大等待时间，默认0毫秒最大图像//应用程序缓存时间}2.调用百度地图展示

　　！DOCTYPE htmlhtmlheadmeta charset= utf-8 /title基于HTML5查找地理位置并调用百度应用程序接口展示/title script type= text/JavaScript src= http://API。地图。百度一下。com/API？v=1.2 /脚本脚本类型=text/javascript //调用HTML5地理定位应用程序接口获取地理位置函数获取位置(){ document。getelementbyid(“容器”).innerHTML=正在搜寻中，请稍候。;var options={ enablehigaccuracy:true，最大图像：1000 } if(导航器。地理位置){//浏览器支持地理定位导航器。地理定位。getcurrentposition(成功时，出错时，选项)；}else{ //浏览器不支持地理位置警报(浏览器不支持地理定位！");} } //获取成功函数onSuccess(position){ //经度定义变量经度=位置。坐标。经度；//纬度var纬度=位置。坐标。纬度；//使用百度地图应用程序接口创建地图实例var地图=新的BMap .地图("容器");//创建一个坐标var点=新的BMap .点（经度、纬度);//地图初始化，设置中心点坐标和地图级别map.centerAndZoom(point，16)；//设置标注的图标，可自己定义图标var图标=新的BMap .图标(http://API。地图。百度一下。com/img/markers。png)，新建BMap .尺寸(23，25)，{ offset:新的BMap .尺寸(10,25),//定位图标尺寸图像偏移量：新BMap .尺寸(0,0 - 11 * 25) //设置图片偏移});//设置标注的经纬度定义变量标记=新的BMap .标记（新的BMap .点（经度，纬度)、{ icon:icon })；//把标注添加到地图上地图。添加覆盖(标记)；//设置点击事件marker.addEventListener(click ，function(){ alert(经度：经度，纬度：纬度);});} //获取失败函数on error(错误){ switch(错误。代码){案例1:警报(位置服务被拒绝);打破；案例2:警报(暂时获取不到位置信息);打破；案例三：预警(获取信息超时);打破；案例4:警报(未知错误);打破；} } window . onload=get location/script/head body div id= container style= width:640 px；高度：640px/div/body/html

　　到此这篇关于HTML5获取当前地理位置并在百度地图上展示的实例的文章就介绍到这了，更多相关HTML5获取地理位置并展示内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。