分享

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

 风声之家 2014-12-04


分类: HTML 5 1768人阅读 评论(0) 收藏 举报

<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;
}
}

function init()
{
getLocation();
}

window.onload = init;

</script>
</head>

<body>
<div id=”map” style=”width:600px;height:600px;”></div>
</body>
</html>


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多