地图插件

最新推荐文章于 2021-02-16 03:36:43 发布

weixin_30782293

最新推荐文章于 2021-02-16 03:36:43 发布

阅读量343

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/Todust/p/9494002.html

本文介绍了一个使用百度地图API的应用实例，通过JavaScript实现地图展示及信息窗口弹出功能。该实例利用了百度地图API来加载地图，并在指定坐标上显示标记及详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

链接网址

定位代码

$(function () {
ShowMap('104.082448,30.665645', '雄飞大厦', '雄飞中心', '888-888888888', '888-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);
}