<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>
