博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web 12
阅读量:4584 次
发布时间:2019-06-09

本文共 1082 字,大约阅读时间需要 3 分钟。

调用一个地图(百度地图)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

转载于:https://www.cnblogs.com/hjsn-101ycy/p/10289682.html

你可能感兴趣的文章
定时调动 (项目保留备份代码码)
查看>>
Leetcode-Divide Two Integers
查看>>
HTML 首页倒三角形导航块
查看>>
每天一道Java题[9]
查看>>
结对编程2——单元测试
查看>>
python 函数/列表的应用
查看>>
C#与MES
查看>>
LR接口测试---Java Vuser之jdbc查询(调试前)
查看>>
SQL Server 各版本安装包分享
查看>>
.net项目移植后的虚拟目录的配置问题
查看>>
JSP页面中引入另一个JSP页面
查看>>
Android笔记——活动的生命周期
查看>>
springmvc使用包装的pojo接收商品信息的查询条件
查看>>
【Linux】【Services】【Configuration】puppet
查看>>
poj 1002:487-3279(水题,提高题 / hash)
查看>>
RAC环境上搭建DG
查看>>
OS X Mountain Lion高手进阶
查看>>
精通CSS:高级Web标准解决方案(第2版)(Amazon第一CSS畅销书全新改版)
查看>>
初识电流环
查看>>
MySQL每天自动增加分区
查看>>