百度地图开发API之加载地图和添加地图控件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>百度地图</title>
		<script src="http://api.map.baidu.com/api?v=1.3"></script>
		<script type="text/javascript">
		var map
		function initialize() {  
			var opt ={maxZoom:50,zoom:1};//设置地图BMap的MapOptions参数			
			var map = new BMap.Map("map",opt); //地理坐标点
			var map_Point = new BMap.Point(115.557844,35.3068723);
			var map_Pixel = new BMap.Pixel(10, 10);
			map.centerAndZoom(map_Point, 15);
			//map.enableContinuousZoom();
			var bounds = map.getBounds();//获取地图的范围
			
			//地图导航控件
			var nav_size = new BMap.Size(10,10);//地图导航控件的参数
			var map_Control = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,offset:nav_size,type:BMAP_NAVIGATION_CONTROL_LARGE,showZoomInfo:true});
			map.addControl(map_Control);
			
			//缩略地图控件
			var size = new BMap.Size(100,100);//缩略图控件的参数
			var map_OverView = new BMap.OverviewMapControl({size:size,isOpen:true});
			map.addControl(map_OverView);
			
			//比例尺寸控件
			var map_Scale = new BMap.ScaleControl({anchor:BMAP_UNIT_IMPERIAL,offset:new BMap.Size(80,15)});
			map.addControl(map_Scale);
			
			//公司信息尺寸控件
			var map_CopyRight = new BMap.CopyrightControl({id:2});
			map.addControl(map_CopyRight);
			
			//切换地图类型的控件
			var map_type = new BMap.MapTypeControl();
			map.addControl(map_type);
			
			//添加一个覆盖物
			var overlay = new BMap.Marker(map_Point,{enableClicking:true});
			overlay.show();
		/*	overlay.enableDragging();
			var label = new BMap.Label("名字");
			label.setOffset(new BMap.Size(0,20));
			label.setTitle("名字");
			label.addEventListener("mouseover",function(){this.setContent("这里是百度");});
			label.addEventListener("mouseout",function(){this.setContent("名字");});
			overlay.setLabel(label); */
			
			//infoWindow.enableCloseOnClick();
			//infoWindow.setTitle("名字")			
			//当鼠标点击时打倒开InfoWindow
			overlay.addEventListener(
				"click", 
				function(){overlay.openInfoWindow(new BMap.InfoWindow("World",{title:"标题"}));}
			);              
			map.addOverlay(overlay);
			//应该在添加Marker后在打开InfoWindow才可以
			var infoWindow= new BMap.InfoWindow("infoWindow");
			overlay.openInfoWindow(infoWindow);
			
		}
		window.onload = initialize;
	</script>
	</head>
	<body>
		<div id="map" style="width: 1300px; height: 650px"></div>
		<div id="infoWindow" style="width:50px;height:50px;border:1px solid #ccc;"></div>
	</body>
</html>

你可能感兴趣的:(百度地图开发API之加载地图和添加地图控件)