百度map-api-视图

在页面中中引入百度地图方法：

<script type="text/javascript">
	map.addControl(new BMap.MapTypeControl()); // 添加地图类型控件
	var markerArr;
	var windowheight = $(window).height() - 20;
	var windowwidth = $(window).width() - 20;
	if (windowheight > 600)
		windowheight = 600;
	if (windowwidth > 1100)
		windowwidth = 1100;

	// 创建地图函数：
	function createMap() {
		var map = new BMap.Map("dituContent"); // ,
		// {mapType:BMAP_SATELLITE_MAP});//在百度地图容器中创建一个地图
		var point = new BMap.Point(120.396871, 29.182115); // 定义一个中心点坐标120.396871,29.182115
		map.centerAndZoom(point, 15); // 设定地图的中心点和坐标并将地图显示在地图容器中
		map.addControl(new BMap.NavigationControl());

		// function myFun(result){
		//     var cityName = result.name;
		//     map.centerAndZoom(cityName, 15);  //关于setCenter()可参考API文档---”传送门“
		//     map.setCurrentCity(cityName);
		// }
		// var myCity = new BMap.LocalCity();
		// myCity.get(myFun);

		//map.setCurrentCity("常州"); // 设置地图显示的城市 此项是必须设置的
		map.addControl(new BMap.MapTypeControl()); // 添加地图类型控件
		window.map = map; // 将map变量存储在全局
	}

	function loadQyMap() {
		$.ajax({
			type: "POST",
			url: ctx + "/bis/qydt/maplist/",
			dataType: 'json',
			success: function(data) {
				if (data.data != undefined) {
					markerArr = eval(data.data);
					initMap(data.data); // 创建和初始化地图
				}
			}
		});

		// 创建和初始化地图函数：
		function initMap(v) {
			createMap(); // 创建地图
			setMapEvent(); // 设置地图事件
			addMapControl(); // 向地图添加控件
			// addMarker();//向地图中添加marker
			// addRemark();//向地图中添加文字标注
			window.searchClass = new SearchClass();
			searchClass.setData(v);
			reset(); // 重置
		}

		// 创建地图函数：
		function createMap() {
			var map = new BMap.Map("dituContent"); // ,
			// {mapType:BMAP_SATELLITE_MAP});//在百度地图容器中创建一个地图
			var point = new BMap.Point(120.396871, 29.182115); // 定义一个中心点坐标120.396871,29.182115
			map.centerAndZoom(point, 15); // 设定地图的中心点和坐标并将地图显示在地图容器中
			map.addControl(new BMap.NavigationControl());

			// function myFun(result){
			//     var cityName = result.name;
			//     map.centerAndZoom(cityName, 15);  //关于setCenter()可参考API文档---”传送门“
			//     map.setCurrentCity(cityName);
			// }
			// var myCity = new BMap.LocalCity();
			// myCity.get(myFun);

			//map.setCurrentCity("常州"); // 设置地图显示的城市 此项是必须设置的
			map.addControl(new BMap.MapTypeControl()); // 添加地图类型控件
			window.map = map; // 将map变量存储在全局
		}

		// 地图事件设置函数：
		function setMapEvent() {
			map.enableDragging(); // 启用地图拖拽事件，默认启用(可不写)
			map.enableScrollWheelZoom(); // 启用地图滚轮放大缩小
			// map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
			map.disableDoubleClickZoom();
			map.enableKeyboard(); // 启用键盘上下左右键移动地图
		}

		// 地图控件添加函数：
		function addMapControl() {
			// 向地图中添加比例尺控件
			var ctrl_sca = new BMap.ScaleControl({
				anchor: BMAP_ANCHOR_TOP_LEFT
			});
			map.addControl(ctrl_sca);
		}
	}
</script>