HTML 地理定位的实例

<!DOCTYPE html>
<html lang="en">
<head>
    <title>地理定位</title>
    <meta charset="utf-8">
    <style>
        body, html,#map { 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
HTML 地理定位 的实例

HTML 地理定位的实例
