作者:hacker发布时间:2022-09-04分类:黑客教程浏览:127评论:4
不知道你是做开发还是想直接使用分享位置的功能.
做开发的话, h5需要服务器使用ssl的加密链接,才能使用精准定位,否则定位是根据ip返回的,只精确到城市.
script
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"br /Longitude: " + position.coords.longitude;
}
/script
手机上使用地图功能, 打开 百度地图 或者其它地图的官网, 都可以直接使用, 只不过功能没有app的强大
你要有软件比如高德地图啊百度地图啊它们会提示你打开gps导航系统象水滴形状那个
Geolocation接口不可以获取手机的gps定位,这个api具有自己特有的定位方式。
定位用户的位置
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
用法如下:
!DOCTYPE html
html
body
p id="demo"点击这个按钮,获得您的位置:/p
button onclick="getLocation()"试一下/button
div id="mapholder"/div
script src=""/script
script
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
lat=position.coords.latitude;
lon=position.coords.longitude;
latlon=new google.maps.LatLng(lat, lon)
mapholder=document.getElementById('mapholder')
mapholder.style.height='250px';
mapholder.style.width='500px';
var myOptions={
center:latlon,zoom:14,
mapTypeId:google.maps.MapTypeId.ROADMAP,
mapTypeControl:false,
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
};
var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);
var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML="The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="An unknown error occurred."
break;
}
}
/script
/body
/html
标签:gps定位源码html
已有4位网友发表了看法:
访客 评论于 2022-09-05 04:06:32 回复
t/body/html
访客 评论于 2022-09-05 00:40:36 回复
le.maps.LatLng(lat, lon) mapholder=document.getElementById('mapholder') mapholder.style.height='250px'; mapholder.style.width='500
访客 评论于 2022-09-05 04:55:00 回复
erHTML="Location information is unavailable." break; case error.TIMEOUT: x.inne
访客 评论于 2022-09-05 07:32:04 回复
目录:1、哪位能提供手机浏览器html5的网页GPS位置共享的源代码?2、如何调用安卓手机GPS服务,定位当前街道位置,求源码!3、HTML5的Geolocation接口可以获取手机的gps定位吗?哪位能提供手机浏览器html5的网页GPS位置共享的源代码?不知道你是做开发