0%

博客加入百度地图

教育的真正意义不是教会孩子即有的知识,也不是培养他们谋生的技能,而是帮助他们建立自己独立的人格和培养独立思考的能力。

一、步骤

  1. 注册百度账号
  2. 登录账号,进入控制台
  3. 创建应用,输入应用名称、选择应用类型(此处选浏览器端)、加入Referer白名单(你的域名),提交
  4. 复制ak
  5. 回到博客目录,打开你想加入地图的源文件
  6. 引入百度地图js文件、初始化地图等见下方代码,我的是在about/index.md下进行的
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=your_ak"></script>

{% raw %}

<div style="min-height: 800px; width: 100%;" id="map">

<script type="text/javascript">
var map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
map.addControl(new BMap.MapTypeControl({
mapTypes:[
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]}));
map.setCurrentCity("北京");
map.enableScrollWheelZoom(true);
</script>

</div>

{% endraw %}
  1. 引入js文件时有http和https两种,具体的可以看下官网文档
  2. 提交发布就完事了

二、参考

  1. 参考一

三、特别推荐

  1. 谷歌地图