百度地图sdk---pc端

 

 

 

 

 

	<div class="map" style="width: 1196px;height: 500px;margin: 50px auto;">
			<!--   定义地图显示容器   -->
				<div id="allmap"></div>
	
		</div>
		

　　

		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7I2uRIZZ21X8O7esakTNovBGWSliDqaq"></script>

		<style>
#allmap{height:500px;width:100%;}
#r-result{width:100%; font-size:14px;}

		</style>

　　

<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(114.323318,30.56463),18);
	map.enableScrollWheelZoom(true);
	
	// 用经纬度设置地图中心点
	function theLocation(){
		
			map.clearOverlays();
			var new_point = new BMap.Point(114.323318,30.56463);
			var marker = new BMap.Marker(new_point);  // 创建标注
			map.addOverlay(marker);              // 将标注添加到地图中
			map.panTo(new_point);
		map.centerAndZoom(new_point, 18);
		
	
		var sContent ="电话:155xxxxx491 <br/> 营业时间:9:30-5:30 <br/> 地址:武昌区xxxxxxxx天";
		var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
		map.openInfoWindow(infoWindow,new_point); //开启信息窗口
	}
	theLocation();
	
	
</script>