<div id="container"></div>
<select style="display: none;" id="identity2"></select>
<select style="display: none;" id="identity1"></select>
<script src="https://webapi.amap.com/maps?v=1.4.0&key=amapCN7SgLRMC&callback=init"/></script>
<script>
$(function() {
$.ajax({
type: "post",
url: baseRequestUrl + "/admin/receptionInfo/selAddress",
success: function(data) {
console.log(data.hotelInfoList);
$.each(data.hotelInfoList, function(index, item) {
$("#identity2").append("<option>" + item.hotelLat + "</option>");
$("#identity1").append("<option>" + item.hotelLng + "</option>");
})
}
});
})
function init(){
var hotelLat = new Array(); //定义数组
var hotelLng = new Array();
$("#identity2 option").each(function(){ //遍历全部option
var txt = $(this).text(); //获取option的内容
if(txt != "全部") //如果不是“全部”
hotelLat.push(txt); //添加到数组中
});
$("#identity1 option").each(function(){ //遍历全部option
var txt = $(this).text(); //获取option的内容
if(txt != "全部") //如果不是“全部”
hotelLng.push(txt); //添加到数组中
});
var map = new AMap.Map('container', {
resizeEnable: true,
zoom: 5
});
var markers = [];
var positions = [];
for(var i = 0; i < hotelLat.length; i++) {
positions.push([hotelLng[i],hotelLat[i]]);
}
for (var i = 0, marker; i < positions.length; i++) {
marker = new AMap.Marker({
map: map,
position: positions[i],
image: 'http://vdata.amap.com/icons/b18/1/2.png',
offset: new AMap.Pixel(-13, -30)
});
marker.setCenter([106.274764, 35.23551]);
markers.push(marker);
}
}
</script>
后台代码
@Log("网站查询地址")
@ResponseBody
@RequestMapping(value ="/selAddress", method = RequestMethod.POST)
public Map<String,Object> selAddress(HotelInfo hotelInfo, HttpServletResponse response)throws UnsupportedEncodingException{
Map<String,Object> map = new HashMap<String,Object>();
//这里写你的查询
List<HotelInfo> hotelInfoList = receptionInfoService.selAddress(hotelInfo);
map.put("hotelInfoList",hotelInfoList);
response.addHeader("Access-Control-Allow-Origin", "*");
response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
response.addHeader("Access-Control-Max-Age", "1800");//30 min
return map;//返回到页面 map里面定义的XXX 到页面上直接data.XX
}