调用一个地图(百度地图)API(定位) 到网站:
1.调用API的js :
<script type="text/javascript" src="https://api.map.baidu.com/api?type=subway&v=1.0&ak=2Xn5TnHUisrYpE8oy5OCAun8YkiGrbcy"></script>
2.设置地图容器的样式:
<style type="text/css">
#container{height:100%}
html,body,div{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
</style>
3.在在<body></body>中放置地图容器
<div id="container"></div>
4.在</body></html>中放置自己的js
/** * 从所有城市列表中获取北京信息 * 结果格式 * { * 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.5); 代码如下:
最终代码如下:
1 2 3 4 5地铁图展示 6 7 43 44 60 61 85 86