<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=zKMDVd0xXyBvjoNMGnkrIyK1">
</script>
<script type="text/javascript" src="./js/jquery-1.11.3.min.js"> </script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
function getLocation(map) {
$.ajax({
type:"post",
url:"GetPoint",
datatype:"json",
success:function(data, textStatus) {
map.clearOverlays(); //清除所有覆盖物
var points = new Array();
var objs = eval("("+data+")");
for(var i=0; i<objs.length; ++i) {
var _point = objs[i];
var latitude = _point.latitude;
var longitude = _point.longitude;
var point = new BMap.Point(longitude, latitude);
points[i] = point;
}
var marker_start = new BMap.Marker(points[0]); // 创建标注
var marker_end = new BMap.Marker(points[objs.length - 1]);
map.addOverlay(marker_start);
map.addOverlay(marker_end);
map.setCenter(points[0]);
var polyline = new BMap.Polyline(points,
{strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5}
);
map.addOverlay(polyline);
var opts = {
width : 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title : "Location" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象
infoWindow.setContent("count:" + objs.length);
map.openInfoWindow(infoWindow, points[0]); // 打开信息窗口
},
error: function (xhr, desc, err) {
alert("error");
}
});
}
var map = new BMap.Map("container"); // 创建地图实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point, 20);
map.enableScrollWheelZoom(true);
getLocation(map);
setInterval("getLocation(map)", 20000);
/* var map = new BMap.Map("container"); // 创建地图实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point, 20); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
marker.addEventListener("click", function(){
$.ajax({
type:"post",
url:"GetPoint",
datatype:"json",
success:function(data, textStatus) {
var points = new Array();
var objs = eval("("+data+")");
for(var i=0; i<objs.length; ++i) {
var _point = objs[i];
var latitude = _point.latitude;
var longitude = _point.longitude;
var point = new BMap.Point(longitude, latitude);
points[i] = point;
}
map.setCenter(points[0]);
var polyline = new BMap.Polyline(points,
{strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5}
);
map.addOverlay(polyline);
},
error: function (xhr, desc, err) {
alert("error");
}
});
}); */
</script>
</body>
</html>
- 1
- 2
- 3
前往页