HTML
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=祕鑰"></script>
<body> <div id="container" style="width: 100%;height:750px;"></div> <script type="text/javascript">
var objdata = new Array();
$.ajax({
url: '/form/query',
method: 'POST',
data: {
city:$("#checkCity").val(),
years:$("#checkYear").val()
},
success: function (res) {
if (res.code == 200) {
$.each(res.data, function (key, value) {
objdata.push(new BMap.Point(value.lng,value.lat));
});
}
}
});
var map = new BMap.Map("container");
var point = new BMap.Point(116.12, 24.28);
map.centerAndZoom(point, 10);
map.enableScrollWheelZoom();
//由於數據太多，需要時間才能把所有數組裝進來
setTimeout(function () {
console.log(objdata)
console.log("length"+objdata.length)
for(var i = 0, len = objdata.length; i < len; i++){
var myIcon = new BMap.Icon("https://yiyitongxingsystem.oss-cn-qingdao.aliyuncs.com/png/location.png", new BMap.Size(26, 26));
var marker = new BMap.Marker(objdata[i], {
icon: myIcon
}); // 創建標註
map.addOverlay(marker);
}
},1800);
</script>
</body>
