Html5 api 最简单形式

最新推荐文章于 2025-06-25 11:41:40 发布

转载最新推荐文章于 2025-06-25 11:41:40 发布 · 334 阅读

本文介绍了一种利用HTML5的geolocation API结合百度地图API实现网页中用户地理位置定位的方法。通过获取用户的经度和纬度坐标，并在百度地图上显示出来。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=134db1b9cf1f1f2b4427210932b34dcb"></script>
</head>
<body style="margin:50px 10px;">
<div id="status" style="text-align: center"></div>
<div style="width:600px;height:480px;border:1px solid gray;margin:30px auto" id="container"></div>
</body>
<script>

window.onload=function(){
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition
(
function(p){
var x=p.coords.longitude;
var y=p.coords.latitude;
var map = new BMap.Map("container");
var point = new BMap.Point(x,y);
map.centerAndZoom(point,15);
}
);
}

};

</script>
</body>
</html>