<%@ 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>
百度地图自动定位
猜你喜欢
转载自blog.csdn.net/huangbaokang/article/details/104422952
今日推荐
周排行