HTML 地理定位 的实例 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>地理定位</title>
    <meta charset="utf-8">
    <style>
        body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=rdDa3ErxDVOjn9LPD4ocvp08sFG0u1BV">
    </script>
</head>
<body>
<script>
    function success(position ) {
       var la=position.coords.latitude;
         var lo=position.coords.longitude;
        var map = new BMap.Map("map");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(lo, la), 15);  // 初始化地图,设置中心点坐标和地图级别
        map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
        map.setCurrentCity("广州 ");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);
    }
    function error() {
            alert("不能获取");

    }
    var options={};
    if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(success,error,options);
    } else {
        alert("你的浏览器不支持");
    }

</script>
<div id="map"></div>
</body>

</html>

　　2017-09-12  20:14:22

posted @ 2017-09-12 20:15  1点  阅读(274)  评论(0)    收藏  举报