百度地图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>

秒客网

百度地图sdk---pc端

相关文章