基于百度地图的HTML5地理位置定位实例

最新推荐文章于 2023-05-31 22:51:03 发布

前端爱好者。

最新推荐文章于 2023-05-31 22:51:03 发布

阅读量335

点赞数

分类专栏：前端文章标签： Html5

原文链接：https://www.mk2048.com/blog/blog.php?id=j02cj110j&title=%E5%9F%BA%E4%BA%8E%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE%E7%9A%84HTML5%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE%E5%AE%9A%E4%BD%8D%E5%AE%9E%E4%BE%8B

版权

前端专栏收录该内容

483 篇文章 4 订阅

订阅专栏

<!DOCTYPE HTML>

<html>
<head>
<meta charset=”utf-8″>
<title>无标题文档</title>
<script type=”text/javascript” src=”http://api.map.baidu.com/api?v=1.3″></script>
<script type=”text/javascript”>

function getLocation()
{
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showMap, handleError, {enableHighAccuracy:true, maximumAge:1000});
}else{
alert(“您的浏览器不支持使用HTML 5来获取地理位置服务”);
}
}

function showMap(value)
{
var longitude = value.coords.longitude;
var latitude = value.coords.latitude;
var map = new BMap.Map(“map”);
var point = new BMap.Point(longitude, latitude); // 创建点坐标
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(new BMap.Point(longitude, latitude)); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
}

function handleError(value)
{
switch(value.code){
case 1:
alert(“位置服务被拒绝”);
break;
case 2:
alert(“暂时获取不到位置信息”);
break;
case 3:
alert(“获取信息超时”);
break;
case 4:
alert(“未知错误”);
break;
}
}