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

 <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.5);

 </script>

最终代码如下：
 1 <!DOCTYPE html>

 2 <html>

 3 <head>

 4 <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

 5 <title>地铁图展示</title>

 6 <script type="text/javascript" src="https://api.map.baidu.com/api?type=subway&v=1.0&ak=2Xn5TnHUisrYpE8oy5OCAun8YkiGrbcy"></script>

 7 <style type="text/css">

 8 #container{height:100%}

 9 html,body,div{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

42 </style>

43 </head>

44 <body>

60 <div id="container"></div>

61 <script type="text/javascript">

62     /**

63      * 从所有城市列表中获取北京信息

64      * 结果格式

65      * {

66      *     keyword: 'beijing',

67      *     name: '北京',

68      *     citycode: '131'

69      * }

70      */

71      /* globals BMapSub */

72     var subwayCityName = '北京';

73     var list = BMapSub.SubwayCitiesList;

74     var subwaycity = null;

75     for (var i = 0; i < list.length; i++) {

76         if (list[i].name === subwayCityName) {

77             subwaycity = list[i];

78             break;

79         }

80     }

81     // 获取北京地铁数据-初始化地铁图

82     var subway = new BMapSub.Subway('container', subwaycity.citycode);

83     subway.setZoom(0.5);

84 </script>

85 </body>

86 </html>

12 week blog的更多相关文章

  1. 安装mysql8.0.12

    安装mysql8.0.12 https://blog.csdn.net/zwj1030711290/article/details/80039780 问题1:忘记记录日志打印的密码就把窗口给关了 解决 ...

  2. 使用kubeadm安装Kubernetes 1.12

    使用kubeadm安装Kubernetes 1.12 https://blog.frognew.com/2018/10/kubeadm-install-kubernetes-1.12.html 测试环 ...

  3. Citrix ADC 12.1 / NetScaler 12

    Citrix ADC 12.1 / NetScaler 12 参考 https://www.carlstalhood.com/netscaler-menu/netscaler-12/ Core – C ...

  4. 参数*args和**args区别

    #*args(元组)和**args(字典)的区别 def tuple_test(*args): for i in args: print 'hello'+i s=('xuexi','mili') tu ...

  5. django复习笔记2:models

    关于models,主要想说的是django shell以及生成测试数据的脚本这两部分. 一个models中的类相当于数据库的一张表,先看一个设置了外键的models. from django.db i ...

  6. Django1.9开发博客（7）- 实现功能

    到目前为止我们已经完成了一个django应用的所有基础部分. 包括url配置.视图.模型和模板.接下来开始继续完善我们的博客系统了. 首先我们需要一个显示每篇文章的详细页面,对不? 文章详情 对于首页 ...

  7. [置顶] [VS2010]逸雨清风 永久稳定音乐外链生成软件V0.1

    音乐外链说明:现在的很多网站都有用到外链,特别是音乐外链,在博客.空间里设作背景音乐.网上也有很多上传外链的网站,不过都不稳定而且有容量限制,而且似乎所有网站其实都是用的同一个源码组件,都是链接到Ra ...

  8. mybatis3温故

    MyBatis可以利用SQL映射文件来配置,也可以利用Annotation来设置.MyBatis提供的一些基本注解如下表所示. 注解 目标 相应的XML 描述 @CacheNamespace 类 &l ...

  9. C++笔试题库-------Coding整理

    1. 反转字符串 char* strrev1(const char* str) { int len = strlen(str); ]; char *p = temp + len; *p = '\0'; ...

随机推荐

  1. python之GIL release (I/O open(file) socket time.sleep)

    0.目录 2.线索 C源代码 Py_BEGIN_ALLOW_THREADS Py_END_ALLOW_THREADS3.open(name[, mode[, buffering]]) -> fi ...

  2. kudu的分区方式

    为了提供可扩展性,Kudu 表被划分为称为 tablets 的单元,并分布在许多 tablet servers 上.行总是属于单个 tablet .将行分配给 tablet 的方法由在表创建期间设置的 ...

  3. Python学习（十九） —— 前端基础之HTML

    转载自:http://www.cnblogs.com/liwenzhou/p/7988087.html 一.HTML介绍 1.Web服务本质 import socket sk = socket.soc ...

  4. hbase0.94.11版本和hbase1.4.9版本的benchamark区别

    1.起初使用ycsb对hbase进行benchmark,分别在100%写的情况下检测写性能:在100%读的情况下检测读的性能.实验数据如下: 2.新版本的habse写性能竟然不如老版本.!!!.于是我 ...

  5. PHP的swoole框架/扩展socket聊天示例

    PHP代码文件名 chat.php <?php //创建websocket服务器对象,监听0.0.0.0:9502端口 $ws = new swoole_websocket_server(&qu ...

  6. 51Nod1362 搬箱子 排列组合,中国剩余定理

    原文链接https://www.cnblogs.com/zhouzhendong/p/51Nod1362.html 题目传送门 - 51Nod1362 题意 题解 首先考虑枚举斜着走了几次.假设走了 ...

  7. 记Ubuntu Mongodb 和 Mysql的安装与使用

    安装mongodb 参考链接 https://www.cnblogs.com/shileima/p/7823434.html https://blog.csdn.net/xlengji/article ...

  8. spring security学习

    https://www.cnblogs.com/leihenqianshang/articles/5313159.html

  9. Python class NameError name "xxx" is not defined

    Python class NameError name "xxx" is not defined 这是因为在 class 中调用了带双下划线 "__" 的函数对 ...

  10. VC9、VC11、VC14、VC15库 32位 64位 免费下载

    VC9.VC11.VC14.VC15库 32位 64位 免费下载 更新版本的PHP是用VC11,VC14或VC15(分别为Visual Studio 2012,2015或2017编译器)构建的,并且包 ...