<script type="text/javascript">
//json数组
var jsonArray =document.getElementById("restaurant").value;
var map = new BMap.Map("milkMap"); // 创建地图实例
<c:forEach items="${restaurantlist}" var="Restaurant" varStatus="j">
var point = new BMap.Point(<c:out value="${Restaurant.longitude}"/>,<c:out value="${Restaurant.latitude}"/>); // 创建点坐标
map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);// 将标注添加到地图中
var sContent="<div id="+${j.count}+" style='line-height:1.8em;font-size:12px;'>" +
"<b>地址:</b>"+"${Restaurant.areaInfo}"+"</br>" +
"<b>电话:</b>"+"${Restaurant.tel}"+"</br>" +
"<b>口碑:</b><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><a style='text-decoration:none;color:#2679BA;float:right' href='#'>详情>></a>" +
"</div>";
//alert(${j.count});
var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
marker.addEventListener("click", function(){ //给标注添加点击事件
this.openInfoWindow(infoWindow);
//alert(sContent);
marker.addEventListener("mouseover", function () { this.openInfoWindow(infoWindow, map.getCenter()); });});
</c:forEach>
initMap();//创建和初始化地图
function initMap() {
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
}
//地图事件设置函数:
function setMapEvent() {
map.enableDragging();//启用地图拖拽事件
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.disableDoubleClickZoom();//禁用鼠标双击放大
map.disableKeyboard();//禁用键盘上下左右键移动地图,默认禁用(可不写)
}
//地图控件添加函数:
function addMapControl() {
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl( {
anchor : BMAP_ANCHOR_TOP_LEFT,
type : BMAP_NAVIGATION_CONTROL_LARGE
});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl( {
anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
isOpen : 1
});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl( {
anchor : BMAP_ANCHOR_BOTTOM_LEFT
});
map.addControl(ctrl_sca);
}
</script>