wuhongyu
/
test


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>阿勒泰地区科技创新创业服务平台</title>
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
</head>
<body >
<div id="allmap"></div>		
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=hBMSWzhG6vGdgnwa2Y6LwkFXjkGu0lpr"></script>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(88.144266, 47.830626), 14);  // 初始化地图,设置中心点坐标和地图级别
	//添加地图类型控件
	map.addControl(new BMap.MapTypeControl({
		mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));	  
	map.setCurrentCity("阿勒泰市");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	var points = [{point:new BMap.Point(88.144896,47.85032),title:"阿勒泰地区科技局",description: '',address:''},
		
		];
	var infoList = [];
	function turnPoint(points){
		//添加gps marker和label
	    var changePoint = new BMap.Marker(points.point);
		//添加info框
		var info = new BMap.InfoWindow(points.description);
		changePoint.addEventListener("click", function() {
			// 调用了marker对象的openInfoWindow方法
			this.openInfoWindow(info); 
		});
		infoList.push(changePoint);
	    map.addOverlay(changePoint); //添加GPS marker
	    var changeLabel = new BMap.Label(points.title,{offset:new BMap.Size(20,0)});
	    changeLabel.setStyle({
	    	display: "inline-table"
	    });
	    changePoint.setLabel(changeLabel); //添加GPS label
	}
	   
	
	   setTimeout(function(){
	   	if(points.length>0){
	   		var convertor = new BMap.Convertor();
	        for(var i=0;i<points.length;i++){
	        	turnPoint(points[i]);
	        }
	   	}
	   }, 1000);
</script>
</body>
</html>