Posted on 2011-06-22 16:37
PHP博客 阅读(3121)
评论(0) 编辑 收藏 引用 网摘
简单的设置了几个属性,大体架子已经出来了。
<html>
<head>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>
<script type="text/javascript">
function MblogDotccMap(){
// 创建地图实例
var map = new BMap.Map("MblogMap");
//坐标到这里找http://dev.baidu.com/wiki/static/map/API/tool/getPoint/
var point = new BMap.Point(116.403856,39.914887);
map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别
//添加一些控件
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
// map.addControl(new BMap.MapTypeControl());
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
//滚轮事件
map.enableScrollWheelZoom(true);
var infoWindow = new BMap.InfoWindow("<img title='这里' alt='这里' src='http://www.iteye.com/upload/logo/user/483833/f73688df-27ad-38dc-8a56-06c465c9b6d5.jpg?1305767184' /><br/><span>I'am here.</span>"); // 创建信息窗口对象
自己写的JS操作等待浮出层 marker.addEventListener("click", function(){ //给标注添加点击事件
this.openInfoWindow(infoWindow);
});
}
</script>
</head>
<body onload="MblogDotccMap();">
<div style="width:600px;height:450px;border:1px solid gray; float:left" id="MblogMap"></div>
<div id="results"></div>
</body>
</html>