网页H5获取当前坐标，完整demo

最新推荐文章于 2025-06-25 17:15:00 发布

原创

最新推荐文章于 2025-06-25 17:15:00 发布 · 6.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#H5定位 #百度地图

本文介绍了一个使用H5获取当前坐标的完整示例，通过JavaScript实现。在手机上运行效果理想，精度较高，但在电脑上可能会出现定位超时或位置偏差较大的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先展示效果：

手机运行效果很好，也很准，电脑嘛，有时超时，有时偏出80多公里。

css部分：

#allmap {
	 overflow: hidden;margin:0;z-index: 10;
}
.savept{position: fixed;left:40%;z-index: 11;}
.mapbox{display: none;}

网页js代码：

var getpo = null;
var lat=0,lgt=0;
var dizhi,point;
function showmap(){
	//不知道百度地图什么样式，css控制位置不好使，只能在地图展示时，把页面隐藏
	$(".yemian").hide();
	var h=$(document).height()-100;
	var w=$(document).width();
	$("#allmap").css("height",h+"px");//设置地图容器的高度
	$("#allmap").css("width",w+"px");
	$("#allmap").show();
	$(".m