<% layout('/layouts/default.html', {title: '地图展示', libs: ['dataGrid']}){
%>
<script type="text/javascript">
// 百度地图API功能
map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.417854, 39.921988), 15);
//启用滚轮放大缩小,默认禁用
//map.enableScrollWheelZoom();
//启用地图惯性拖拽,默认禁用
//map.enableContinuousZoom();
// 左上角,添加比例尺
//var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});
//左上角,添加默认缩放平移控件
//var top_left_navigation = new BMap.NavigationControl();
//map.addControl(top_left_control);
//map.addControl(top_left_navigation);
var data_info = [ [ 116.417854, 39.921988, "地址:北京市东城区王府井大街88号乐天银泰百货八层" ],
[ 116.406605, 39.921585, "地址:北京市东城区东华门大街" ],
[ 116.412222, 39.912345, "地址:北京市东城区正义路甲5号" ] ];
var opts = {
width : 250, // 信息窗口宽度
height : 80, // 信息窗口高度
title : "信息窗口", // 信息窗口标题
enableMessage : true
//设置允许信息窗发送短息
};
for (var i = 0; i < data_info.length; i++) {
var marker = new BMap.Marker(new BMap.Point(data_info[i][0],data_info[i][1])); // 创建标注
var content = data_info[i][2];
map.addOverlay(marker); // 将标注添加到地图中
addClickHandler(content, marker);
}
function addClickHandler(content, marker) {
marker.addEventListener("click", function(e) {
openInfo(content, e)
});
}
function openInfo(content, e) {
var p = e.target;
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point); //开启信息窗口
}
</script>