现在以百度地图中搜索关键词乐平诊所为例,介绍百度地图手动标注所有需要显示的关键词乐平诊所地址和电话的方法。也可以认为是百度地图搜索显示超过10个结果的手动方法,由于不是全自动的数据接口调用显示,方法显得比较“愚笨”,通过这个方法制作的关键词搜索显示更多结果的百度地图,有利于一个区域内的竞争对手分析,区域内显示暂时最多支持26个,如果愿意是可以支持成百上千个的,后续如果有更好的方法会推出来。显示效果为:
具体的过程如下:
将地图代码复制过来后(放在文章最后),使用notepad+先修改代码中的中心的定位地点(也可以根据下面的经纬度坐标拾取系统进行选择,会自动定位城市),然后是所需要缩放的等级,再然后根据百度坐标拾取系统
百度坐标拾取系统:http://api.map.baidu.com/lbsapi/getpoint/
搜索关键词显示所有结果,再然后将得出所有的目标地的信息复制粘贴到一个记事本上,然后回到notepad+中复制title、address、tel等信息进行修改替换,将记事本中的信息进行替换保存即可。记事本中的诊所内容如下:
乐平李加兵中医诊所
地址:江西省景德镇市乐平市长寿路77号
电话:(0798)7069938
坐标:117.13208,28.972639
华林寿诊所
地址:江西省景德镇市乐平市中店乐平大道东湖公园1号附近
坐标:117.153061,28.963399
夏雳诊所
地址:洎阳北路201号
电话:(0798)6210988
坐标:117.142209,28.988907
华海根诊所
地址:江西省景德镇市乐平市长寿路186号
坐标:117.134871,28.973899
吴志焱诊所
地址:建材街93
电话:(0798)6219576
坐标:117.133371,28.964849
汪田寿综合诊所
地址:人民中路133
电话:(0798)6811317
坐标:117.143563,28.9791
衷寿林诊所
地址:景德镇市乐平市珠海中路与新平中路交叉路口往东南约50米(珠海大酒店西侧约150米)
电话:(0798)6817808
坐标:117.132957,28.975573
蔡松凯诊所
地址:景德镇市乐平市昌平路与珠海东路交叉路口东北侧(如家商务宾馆南侧约50米)
坐标:117.141077,28.976256
乐平皓雅口腔
地址:江西省景德镇市乐平市洎阳北路132号
坐标:117.140853,28.984902
塔瑞桥诊所
地址:塔瑞桥1号
坐标:117.10816,28.951537
何德山中医诊所
地址:景德镇市乐平市东风北路与人民东路交叉路口北侧(南方·翡翠城)
坐标:117.155064,28.977225
陈阳麟中医诊所
地址:江西省景德镇市乐平市洎阳北路42号
坐标:117.138967,28.981209
李彦诊所
地址:江西省景德镇市乐平市洎阳北路24号
坐标:117.138817,28.980682
王乐田诊所
地址:江西省景德镇市乐平市迎宾西路110号
坐标:117.126133,28.973042
银华妇科诊所
地址:江西省景德镇市乐平市人民东路
坐标:117.15051,28.979152
余氏诊所
地址:江西省景德镇市乐平市蔬菜批发大市场(安平南路北)
坐标:117.121703,28.965611
梁平霞诊所
地址:景德镇市乐平市仿古街与迎宾东路交叉路口东侧(南河公园北侧约150米)
坐标:117.133454,28.969192
余明哲诊所
地址:江西省景德镇市乐平市翥山东路49号
坐标:117.136802,28.969538
吴函芳诊所
地址:景德镇市乐平市长寿路134号附近
坐标:117.133884,28.974124
程白龙诊所
地址:公园路与翥山东路交叉口东南200米
坐标:117.143533,28.965834
吴桂生诊所
地址:江西省景德镇市乐平市翥山东路63号
坐标:117.137221,28.96944
汪万荣诊所
地址:迎宾西路156号
坐标:117.127055,28.972556
程思华诊所
地址:江西省景德镇市乐平市洎阳街道翥山东路日东花园西南100米
坐标:117.138805,28.968764
冯智平口腔诊所
地址:景德镇市乐平市佳乐花园25号
坐标:117.146433,28.979197
乐平市人民医院-门诊部
地址:江西省景德镇市乐平市后港镇人民医院
坐标:117.15503,28.989816
方正华村卫生所
地址:江西省景德镇市乐平市公安局城南派出所东(东风南路东)
坐标:117.15024,28.962159
方氏口腔诊所
地址:乐平大道望江花苑4号
坐标:117.142111,28.965414
李游诊所
地址:长寿路80号
坐标:117.132009,28.974419
袁迎春牙科诊所
地址:江西省景德镇市乐平市翥山东路9号
电话:13155782584
坐标:117.135607,28.97002
老王中医康复诊所
地址:景德镇市乐平市春华路28号
坐标:117.14087,28.988943
余昭义诊所
地址:景德镇市乐平市珠海中路与新平北路交叉路口往东北约100米(珠海幼儿园东南侧)
电话:13155751187
坐标:117.133331,28.976853
占亚萍口腔诊所
地址:江西省景德镇市乐平市新平南路9号
坐标:117.131433,28.970468
罗秀山诊所
地址:江西省景德镇市乐平市珠海西路12号楼
坐标:117.124693,28.975289
乐平市众埠中心卫生院
地址:江西省景德镇市乐平市众埠中心卫生院(众埠镇政府西北)
坐标:117.308192,28.847793
莉莉口腔诊所
地址:江西省景德镇市乐平市新平南路10号
坐标:117.131914,28.970553
利民口腔诊所
地址:景德镇市乐平市仿古街与迎宾东路交叉路口西北侧(南河公园北侧约150米)
电话:(0798)6837728
坐标:117.132912,28.969348
江西省乐平市接渡桥头中医门诊部
地址:景德镇市乐平市接渡大桥与镇西路交叉路口往东南约100米(接渡中心小学南侧约100米)
坐标:117.180711,28.948832
乐平青草堂中医门诊部
地址:江西省景德镇市乐平市洎阳街道办凤凰大道鸿宇天湖城97号
坐标:117.154208,28.988937
乐平惠耳听力助听器(乐平洎阳北路店)
地址:乐平市洎阳北路438号(黄双根诊所对面)
电话:(0798)6813929
坐标:117.143072,28.992927
乐平市协和医院-门诊部
地址:杨柳巷与珠海东路交叉口西南50米
坐标:117.139755,28.975466
手动需要修改的百度地图,显示所有关键词效果的代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>百度地图API显示多个标注点带提示的代码</title>
<!--css-->
<style type="text/css">
body { margin: 0; font-family: "Helvetica,Arial,FreeSans"; color: #000000; font-size: 12px; }
.demo_main { padding: 20px; padding-top: 10px; }
.demo_title { padding: 10px; margin-bottom: 10px; background-color: #D3D8E0; border: solid 1px gray; }
.demo_content { padding: 10px; margin-bottom: 10px; border: solid 1px gray; }
fieldset { border: 1px solid gray; }
</style>
<!--javascript-->
<script src="http://www.w3school.com.cn/jquery/jquery.js" type="text/javascript"></script>
</head>
<body>
<div class="demo_main">
<fieldset class="demo_title">
百度地图API显示多个标注点带提示的代码
</fieldset>
<fieldset class="demo_content">
<div style="min-height: 600px; width: 100%;" id="map">
</div>
<script type="text/javascript">
var markerArr = [
{ title: "名称:吴志炎诊所", point: "117.133361,28.964863", address: "南门建材街93号", tel: "(0798)6219576" },
{ title: "名称:李加兵中医诊所", point: "117.13208,28.972639", address: "江西省景德镇市乐平市长寿路77号", tel: "QQ3381451259" },
{ title: "名称:华林寿诊所", point: "117.153061,28.963399", address: "江西省景德镇市乐平市中店乐平大道东湖公园1号附近", tel: "26786646" },
{ title: "名称:夏雳诊所", point: "117.142209,28.988907", address: "洎阳北路201号", tel: "(0798)6210988" },
{ title: "名称:华海根诊所", point: "117.134871,28.973899", address: "江西省景德镇市乐平市长寿路186号", tel: "QQ3381451259" },
{ title: "名称:汪田寿综合诊所", point: "117.143563,28.9791", address: "人民中路133", tel: "(0798)6811317" },
{ title: "名称:衷寿林诊所", point: "117.132957,28.975573", address: "珠海中路与新平中路交叉路口往东南约50米(珠海大酒店西侧约150米)", tel: "(0798)6817808"},
{ title: "名称:蔡松凯诊所", point: "117.141077,28.976256", address: "昌平路与珠海东路交叉路口东北侧(如家商务宾馆南侧约50米)", tel: "QQ3381451259" },
{ title: "名称:何德山中医诊所", point: "117.155064,28.977225", address: "东风北路与人民东路交叉路口北侧(南方·翡翠城) ", tel: "QQ3381451259" },
{ title: "名称:陈阳麟中医诊所", point: "117.138967,28.981209", address: "洎阳北路42号 ", tel: "QQ3381451259" },
{ title: "名称:李彦诊所", point: "117.138817,28.980682", address: "洎阳北路24号", tel: "QQ3381451259" },
{ title: "名称:王乐田诊所", point: "117.126133,28.973042", address: "迎宾西路110号", tel: "QQ3381451259" },
{ title: "名称:银华妇科诊所", point: "117.15051,28.979152", address: "乐平市人民东路", tel: "QQ3381451259" },
{ title: "名称:余氏诊所", point: "117.121703,28.965611", address: "乐平市蔬菜批发大市场(安平南路北)", tel: "QQ3381451259" },
{ title: "名称:梁平霞诊所", point: "117.133454,28.969192", address: "仿古街与迎宾东路交叉路口东侧", tel: "QQ3381451259" },
{ title: "名称:余明哲诊所", point: "117.136802,28.969538", address: "乐平市翥山东路49号 ", tel: "QQ3381451259" },
{ title: "名称:吴函芳诊所", point: "117.133884,28.974124", address: "长寿路134号附近", tel: "QQ3381451259" },
{ title: "名称:程白龙诊所", point: "117.143533,28.965834", address: "公园路与翥山东路交叉口东南200米", tel: "QQ3381451259" },
{ title: "名称:汪万荣诊所", point: "117.127055,28.972556", address: "迎宾西路156号", tel: "QQ3381451259" },
{ title: "名称:吴桂生诊所", point: "117.137221,28.96944", address: "乐平市翥山东路63号", tel: "QQ3381451259" },
{ title: "名称:程思华诊所", point: "117.138805,28.968764", address: "洎阳街道翥山东路日东花园西南100米 ", tel: "QQ3381451259" },
{ title: "名称:李游诊所", point: "117.132009,28.974419", address: "长寿路80号", tel: "QQ3381451259" },
{ title: "名称:老王中医康复诊所", point: "117.14087,28.988943", address: "乐平市春华路28号", tel: "QQ3381451259" },
{ title: "名称:余昭义诊所", point: "117.133331,28.976853", address: "珠海中路与新平北路交叉路口往东北约100米", tel: "13155751187" },
{ title: "名称:罗秀山诊所", point: "117.124693,28.975289", address: "珠海西路12号楼", tel: "QQ3381451259" },
{ title: "名称:青草堂中医门诊部", point: "117.154208,28.988937", address: "洎阳街道办凤凰大道鸿宇天湖城97号", tel: "QQ3381451259" },
{ title: "名称:缺血预适应训练仪体验", point: "117.125048,28.952565", address: "天济村800号", tel: "18907981643" },
];
var map; //Map实例
function map_init() {
map = new BMap.Map("map");
//第1步:设置地图中心点
var point = new BMap.Point(117.136402,28.970747);
//第2步:初始化地图,设置中心点坐标和地图级别。
map.centerAndZoom(point, 15);
//第3步:启用滚轮放大缩小
map.enableScrollWheelZoom(true);
//第4步:向地图中添加缩放控件
var ctrlNav = new window.BMap.NavigationControl({
anchor: BMAP_ANCHOR_TOP_LEFT,
type: BMAP_NAVIGATION_CONTROL_LARGE
});
map.addControl(ctrlNav);
//第5步:向地图中添加缩略图控件
var ctrlOve = new window.BMap.OverviewMapControl({
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
isOpen: 1
});
map.addControl(ctrlOve);
//第6步:向地图中添加比例尺控件
var ctrlSca = new window.BMap.ScaleControl({
anchor: BMAP_ANCHOR_BOTTOM_LEFT
});
map.addControl(ctrlSca);
//第7步:绘制点
for (var i = 0; i < markerArr.length; i++) {
var p0 = markerArr[i].point.split(",")[0];
var p1 = markerArr[i].point.split(",")[1];
var maker = addMarker(new window.BMap.Point(p0, p1), i);
addInfoWindow(maker, markerArr[i], i);
}
}
// 添加标注
function addMarker(point, index) {
//var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png",
var myIcon = new BMap.Icon("http://www.lpou.online/ditu/markers.jpg",
new BMap.Size(23, 25), {
offset: new BMap.Size(10, 25),
imageOffset: new BMap.Size(0, 0 - index * 25)
});
var marker = new BMap.Marker(point, { icon: myIcon });
map.addOverlay(marker);
return marker;
}
// 添加信息窗口
function addInfoWindow(marker, poi) {
//pop弹窗标题
var title = '<div style="font-weight:bold;color:#CE5521;font-size:14px">' + poi.title + '</div>';
//pop弹窗信息
var html = [];
html.push('<table cellspacing="0" style="table-layout:fixed;width:100%;font:12px arial,simsun,sans-serif"><tbody>');
html.push('<tr>');
html.push('<td style="vertical-align:top;line-height:16px;width:38px;white-space:nowrap;word-break:keep-all">地址:</td>');
html.push('<td style="vertical-align:top;line-height:16px">' + poi.address + ' </td>');
html.push('</tr>');
html.push('<tr>');
html.push('<td style="vertical-align:top;line-height:16px;width:38px;white-space:nowrap;word-break:keep-all">电话:</td>');
html.push('<td style="vertical-align:top;line-height:16px">' + poi.tel + ' </td>');
html.push('</tr>');
html.push('</tbody></table>');
var infoWindow = new BMap.InfoWindow(html.join(""), { title: title, width: 200 });
var openInfoWinFun = function () {
marker.openInfoWindow(infoWindow);
};
marker.addEventListener("click", openInfoWinFun);
return openInfoWinFun;
}
//异步调用百度js
function map_load() {
var load = document.createElement("script");
load.src = "http://api.map.baidu.com/api?v=1.4&callback=map_init";
document.body.appendChild(load);
}
window.onload = map_load;
</script>
</fieldset>
</div>
</body>
</html>
地图修改好了以后,还需要进行下列操作:
将文件上传到一个专用的地图文件夹中,并进行地图名称更改;
套入iframe地图框架代码中,并将iframe放在我们需要放的页面代码位置上,更新即可;
iframe地图框架代码:
<iframe frameborder="0" height="550" marginheight="0" marginwidth="0" scrolling="no" src="http://www.lpou.online/ditu/yakezhensuo.html" width="700"></iframe></div>
百度地图区域内显示所有乐平诊所关键词搜索结果方法虽然比较麻烦,但是显示效果还是比较令人满意的,如果百度地图中需要这种显示的效果的频率一般,也不想花钱开发的话,还是可以借鉴的。
百度地图区域内显示所有乐平诊所关键词搜索结果方法虽然比较麻烦,但是显示效果还是比较令人满意的,如果百度地图中需要这种显示的效果的频率一般,也不想花钱开发的话,还是可以借鉴的。