JQuery 百度地图

第一步：必须引入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>

百度地图坐标查询：http://api.map.baidu.com/lbsapi/getpoint/index.html

JQuery 百度地图相关推荐

地图标注源码 php,jQuery百度地图自定义标注信息代码
jQuery百度地图自定义标注信息代码是一款简单实用的百度地图api标注联系地址名称电话等信息代码. new BaiduMap({ id: "container2", title: ...
jQuery 百度地图单点标注公司简介联系我们实例
<div id="allmap"></div> allmap();function allmap(){var sCon ...
jquery 百度地图搜索选址获取经纬度点击任意点获取经纬度
第一步:加载地图的 js 和 jquery 文件 <script type="text/javascript" src="https://api.map.baidu ...
android 百度全景图,百度地图全景图
插件描述:jquery百度地图全景图注:查看全景图需要开启浏览器flash,且在服务器端查看开启后刷新页面即可查看全景图,下面是开启方法的链接http://jingyan.baidu.com/ar ...
百度地图API首页数字动态改变特效jquery特效
百度地图API首页数字动态改变特效百度地图首页板块代码片段html 百度地图首页板块 1.昨天做网站领导需要一个浏览器窗口滚动到当前位置数字开始变动到指定位置,现在我把代码分享给大家. 代码片段h ...
用百度地图API分析打交通大数据
百度地图API, 文档不全,例子不细致. 在网上还没有太多有用的例子.比如说下面几个需求的解决方案就找不到: 1. 如何用百度地图API查询一个地点的经纬度. 2. 如何用百度地图通过一个经纬度查询商 ...
最课程阶段大作业05：污水处理系统以及百度地图
吃着火锅唱着歌,我们的课程已经进行了两个月了,现在,我们终于有能力进行真正的软件开发了. 往期学完课程面试归来的同学,都知道有一句话:"面试造航母,实际工作拧螺丝钉". 很庆幸的是 ...
百度地图API公交检索示例 - 标绘结果路线、返回结果集
百度地图API具有公交检索功能:使用它的在线SDK示例来修改代码,快速演示一下: <html> <head><meta http-equiv="Content- ...
easyui左侧导航菜单右侧载入百度地图项目框架
代码下载 http://pan.baidu.com/s/1cDht7K 一个左侧是导航菜单,右侧是百度地图的应用: 一左侧菜单使用jquery easyui框架:网上下的资源:运行后如下: 二修 ...

JQuery 百度地图

JQuery 百度地图相关推荐

最新文章

热门文章