<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在标注上打开信息窗</title>
<script type="text/javascript"
src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.1&services=true">
</script>
</head>
<body>
<div style="width: 400px; height: 200px; border: 1px solid gray"
id="container">
</div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map('container',
{zoomLevelMin: 14, zoomLevelMax: 17});
//var map = new BMap.Map("container"); //实例地图
var point = new BMap.Point(121.434637, 31.173771); //初始坐标
var marker = new BMap.Marker(point); //创建坐标标注实例
var navigationControl = new BMap.NavigationControl();
navigationControl.setType(BMAP_NAVIGATION_CONTROL_LARGE); //设置平移缩放控件的类型
var opts = {
width : 250, // 信息窗口宽度
height : 100, // 信息窗口高度
title : "上海王台信息技术有限公司" // 信息窗口标题
}
map.centerAndZoom(point, 16); //初始化 16为级别
map.addOverlay(marker); //将覆盖物添加到地图中,一个地图只允许添加一次
map.enableScrollWheelZoom(1); //启用滚轮放大
map.addControl(navigationControl);//将空间添加到地图
var infoWindow = new BMap.InfoWindow("徐汇区漕宝路80号光大会展中心D座602室", opts); // 创建信息窗口对象
marker.addEventListener("click", function() { //click左键单击地图时触发此事件。
this.openInfoWindow(infoWindow);
// this.closeInfoWindow();//关闭地图窗口
});
</script>