1.需求

如果知道一批地铁站名，想在地铁图上标注出来，便于观察，一个一个手动标记，显然显得比较慢了。

这时候可以用百度地图API的地铁图标注功能了。

2.过程

1.获取ak

参考高德地图API获取Key的方式。

在百度地图开放平台上，注册，创建应用获得自己的ak。

2.地铁图JavaScript API

在开放文档中，可以看到地铁图JavaScript API，点进去。

地铁图JSapi.png

在地铁图JavaScript API中点击demo详情：

demo.png

点击站点标注，就能看到html了。

站点标注.png

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的地铁站点可以随意增加或减少，也可以只呈现一种标注，按需修改就行了~