百度地图自动定位

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<% String path = request.getContextPath();
String basePath = request.getScheme() + "://"
				+ request.getServerName() + ":" + request.getServerPort()
				+ path + "/";%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
		<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DD0578e3cd7a4a4feafb612cf9bee7e4"></script>
	<script>
	    (function (doc, win) {
	          var docEl = doc.documentElement,
	            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	            recalc = function () {
	              var clientWidth = docEl.clientWidth;
	              if (!clientWidth) return;
	              docEl.style.fontSize = 100* (clientWidth / 1080) + 'px';
	            };
	          if (!doc.addEventListener) return;
	          win.addEventListener(resizeEvt, recalc, false);
	          doc.addEventListener('DOMContentLoaded', recalc, false);
	        })(document, window);
	</script>
	<style>
		body{
			background: url(images/bj.jpg) no-repeat;
    		background-size: 100%;}
	</style>
</head>
<body>
	<header>小区进出管理系统</header>
	<div class="point" id="point01"></div>
	<div id="allmap"></div>
    <div class="btns">
    	<a href="<%=path%>/personRegister" class="zssb"></a>
    	<a href="<%=path%>/idRegister"  class="kzlq"></a>
    </div>
<script type="text/javascript">
    var map = new BMap.Map("allmap");//创建Map实例，注意页面中一定要有个id为allmp的div
    var point = new BMap.Point(116.331398,39.897445);//创建定坐标
    map.centerAndZoom(point,12);//// 初始化地图,设置中心点坐标和地图级别
 
    var geolocation = new BMap.Geolocation();
    var gc = new BMap.Geocoder();//创建地理编码器
    // 开启SDK辅助定位
    geolocation.enableSDKLocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            var mk = new BMap.Marker(r.point);
            map.addOverlay(mk);
            map.panTo(r.point);
            //alert('您的位置：' + r.point.lng + ',' + r.point.lat);
 
            var pt = r.point;   
            map.panTo(pt);//移动地图中心点
            //alert(r.point.lng);//X轴
            //alert(r.point.lat);//Y轴 
 
            gc.getLocation(pt, function(rs){    
                var addComp = rs.addressComponents;
                //alert(addComp.city);
               document.getElementById("point01").innerHTML= addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;   
                
            });  
 
        }
        else {
            alert('failed'+this.getStatus());
        }        
    });
</script>
</body>
</html>
黄宝康
发布了1184 篇原创文章 · 获赞 272 · 访问量 203万+
他的留言板关注
百度地图自动定位

猜你喜欢
