1.需求
如果知道一批地铁站名,想在地铁图上标注出来,便于观察,一个一个手动标记,显然显得比较慢了。
这时候可以用百度地图API的地铁图标注功能了。
2.过程
1.获取ak
参考高德地图API获取Key的方式。
在百度地图开放平台上,注册,创建应用获得自己的ak。
2.地铁图JavaScript API
在开放文档中,可以看到地铁图JavaScript API,点进去。
在地铁图JavaScript API中点击demo详情:
点击站点标注,就能看到html了。
3. python中生成html
有了样例HTML,就可以根据需求进行修改,通过python生成HTML,这样每次跑出不同的数据,就可以生成不同的地铁图标注图了。
import webbrowser
start=["草房","果园","阎村","五福堂","蒲黄榆","良乡大学城西","马家堡","宋家庄","清源路"]
end=['海淀黄庄','国贸','朱辛庄','健德门','魏公村','五道口']
#打开文件,准备写入
html="地铁站标注.html"
f = open(html,'w',encoding='utf-8')
container="#container{height:100%}"
message="""
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>备选地铁站点</title>
<script type="text/javascript" src="https://api.map.baidu.com/api?type=subway&v=1.0&ak=自己的ak"></script>
<style type="text/css">
%s
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
/**
* 从所有城市列表中获取北京信息
* 结果格式
* {
* keyword: 'beijing',
* name: '北京',
* citycode: '131'
* }
*/
/* globals BMapSub */
var subwayCityName = '北京';
var list = BMapSub.SubwayCitiesList;
var subwaycity = null;
for (var i = 0; i < list.length; i++) {
if (list[i].name === subwayCityName) {
subwaycity = list[i];
break;
}
}
// 获取北京地铁数据-初始化地铁图
var subway = new BMapSub.Subway('container', subwaycity.citycode);
subway.setZoom(0.3);
// 图标
var startIcon = new BMapSub.Icon(
'https://api.map.baidu.com/images/subway/start-bak.png',
new BMapSub.Size(150, 150)
);
var endIcon = new BMapSub.Icon(
'https://api.map.baidu.com/images/subway/end-bak.png',
new BMapSub.Size(150, 150)
);
// 加标注
var spoint = %s
function smarkerFun(spoint) {
var marker1 = new BMapSub.Marker(spoint, {icon: startIcon});
var m1 = subway.addMarker(marker1);
}
for (var i=0;i<spoint.length;i++) {
var p=spoint[i];
smarkerFun(p);
}
var epoint = %s
function emarkerFun(epoint) {
var marker2 = new BMapSub.Marker(epoint, {icon: endIcon});
var m2 = subway.addMarker(marker2);
}
for (var j=0;j<epoint.length;j++) {
var e=epoint[j];
emarkerFun(e);
}
</script>
</body>
</html>
"""%(container,start,end)
#写入文件
f.write(message)
#关闭文件
f.close()
#运行完自动在网页中显示
webbrowser.open(html,new = 1)
这里将html代码当做文本,然后写入文件的方式,生成html。start
和end
的地铁站点可以随意增加或减少,也可以只呈现一种标注,按需修改就行了~
3. 效果
最后,生成的html,会在浏览器中打开,呈现的效果如下: