JQuery 百度地图

最新推荐文章于 2024-07-20 14:29:31 发布

Servenity

最新推荐文章于 2024-07-20 14:29:31 发布

阅读量3.2k

点赞数 1

分类专栏： Jquery 文章标签：百度地图 JQ百度地图

4 篇文章 0 订阅

订阅专栏

第一步：必须引入jquery.min.js；

第二步：引入百度地图链接；

以下函数可以自己进行修改；

修改函数中，ShowMap('坐标地址', '公司名称', '地址', '电话', '传真', '放大倍数');

源码：

<body>
	<div id="map">
	<div style="width: 100%; height: 503px;" id="allmap"></div>
	</div>


	</body>
	</html>
	<script type="text/javascript">
	$(function () {
	ShowMap('113.54143,22.274386', 'jQuery', '金茂大厦', '021-888888888', '021-888888888', '20');
	})
	function getInfo(id) {
	$.ajax({
	type: "POST",
	url: "WebUserControl/Contact/GetInfo.ashx",
	cache: false,
	async: false,
	data: { ID: id },
	success: function (data) {
	data = eval(data);
	var length = data.length;
	if (length > 0) {
	ShowMap(data[0]["Image"], data[0]["NewsTitle"], data[0]["Address"], data[0]["Phone"], data[0]["NewsTags"], data[0]["NewsNum"]);
	}
	}
	});
	}
	function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, zoom) {
	var arrzuobiao = zuobiao.split(',');
	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom);
	map.addControl(new BMap.NavigationControl());
	var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1]));
	map.addOverlay(marker);
	var infoWindow = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">' + name + '</p><p>地址：' + addrsee + '</p><p>电话：' + phone + '</p><p>传真：' + chuanzhen + '</p>');
	marker.addEventListener("click", function () {
	this.openInfoWindow(infoWindow);
	});
	marker.openInfoWindow(infoWindow);
	}
	</script>