Geolocation接口不可以获取手机的gps定位,这个api具有自己特有的定位方式。
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
用法如下:
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击这个按钮,获得您的位置:</p>
<button onclick="getLocation()">试一下</button>
<div id="mapholder"></div>
<script src=">
引用下面的js:
<script src=">
function drawbaiduMap(){ //画百度地图
bm = new BMapMap("allmap");
//bmcenterAndZoom("北京",18);
var bs = bmgetBounds(); //获取可视区域
var bssw = bsgetSouthWest(); //可视区域左下角
var bsne = bsgetNorthEast(); //可视区域右上角
bmaddControl(new BMapNavigationControl());
}
function refTable(){ // 获取坐标组
cur_date=$("#sele_date")val();
var data_arr=getGps_msg(cur_date);
drawPion(data_arr);
}
function drawPion(data_arr){ //描点
bmclearOverlays();
var cx=data_arr['0']['longitude'];
var cy=data_arr['0']['latitude'];
bmcenterAndZoom(new BMapPoint(cx,cy),18);
var dianshu=0;
for (var i=0;i<data_arrlength;i++){
var msg=data_arr[i]['rec_time'];
var lab_msg="";
var xx= data_arr[i]['longitude'];
var yy= data_arr[i]['latitude'];
//alert (i);
var markergps = new BMapMarker(new BMapPoint(xx,yy));
//bmaddOverlay(markergps,i); //添加GPS标注
if (dianshu==9){
bmaddOverlay(markergps,i); //添加GPS标注
dianshu=0;
}else{
dianshu++;
}
if(i==0){
//var markergps = new BMapMarker(new BMapPoint(xx,yy));
bmaddOverlay(markergps,i); //添加GPS标注
lab_msg="最后位置";
}
if(data_arr[i]['img_file_path']!==""){
//var markergps = new BMapMarker(new BMapPoint(xx,yy));
bmaddOverlay(markergps,i); //添加GPS标注
lab_msg+="[图]";
var sContent ="<img style='float:right;margin:4px' id='imgDemo"+i+"' src='"+data_arr[i]['img_file_path']+"' width='320' height='240' title='photo'/>";
addClickHandler(sContent,markergps);
}
if (i==data_arrlength-1){
//var markergps = new BMapMarker(new BMapPoint(xx,yy));
bmaddOverlay(markergps,i); //添加GPS标注
lab_msg="开始位置";
}
var labelgps = new BMapLabel(i+lab_msg,{offset:new BMapSize(20,-10)});
markergpssetLabel(labelgps,i); //添加GPS标注
}
}
以上就是关于HTML5的Geolocation接口可以获取手机的gps定位吗全部的内容,包括:HTML5的Geolocation接口可以获取手机的gps定位吗、如何用JS获取当前登录用户名、js如何获取当前用户访问的ip地址以及城市地等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)