第150天:网页中插入百度地图方法(需要密钥)
2018-01-19 23:14
337 查看
在现在的很多页面中,都运用到了百度地图来定位,例如:
像这样的地图,我们可以通过手动来进行放大、缩小、移动等来查找具体的地址,特别方便,在页面上引用也显得页面很有特点,那么,应该怎么样来制作这种地图呢?
1.打开网址,就可以看到一个地图编辑界面:
2.在页面右侧设置地点等信息:
1)设置地点
2)设置地图上的基本信息
3)在地图上添加标志
点击标记图标还可以选择它的样式:
4)获取源代码
点击页面下面的第二步中的获取源代码即可:
(注意:这里生成的代码是显示不出来的,必须获取密匙)
,然后按照要求一步步填写资料并提交,一定要注意必须进行认证。
2.将生成的Ak(即密匙)复制到代码中,替换掉“您的密匙”
方法1:如果js代码是放在页面代码里面的,注意把生成地图js代码放在页面最下边。
方法2:如果用的外部js链接,应该把地图的js代码放在 $(function(){...})里面。
像这样的地图,我们可以通过手动来进行放大、缩小、移动等来查找具体的地址,特别方便,在页面上引用也显得页面很有特点,那么,应该怎么样来制作这种地图呢?
一、获取源代码
网址:http://api.map.baidu.com/lbsapi/createmap/index.html?qq-pf-to=pcqq.c2c1.打开网址,就可以看到一个地图编辑界面:
2.在页面右侧设置地点等信息:
1)设置地点
2)设置地图上的基本信息
3)在地图上添加标志
点击标记图标还可以选择它的样式:
4)获取源代码
点击页面下面的第二步中的获取源代码即可:
(注意:这里生成的代码是显示不出来的,必须获取密匙)
二、获取密匙
1.点击生成的代码中的“获取密匙”:,然后按照要求一步步填写资料并提交,一定要注意必须进行认证。
2.将生成的Ak(即密匙)复制到代码中,替换掉“您的密匙”
三、插入到自己的页面中
按照自己的页面要求将生成的代码插入在页面代码中,但是一定要注意加载顺序的问题:方法1:如果js代码是放在页面代码里面的,注意把生成地图js代码放在页面最下边。
方法2:如果用的外部js链接,应该把地图的js代码放在 $(function(){...})里面。
相关文章推荐
- 第151天:网页中插入百度地图方法(不需要密钥)
- 简单使用网页中插入百度地图的方法
- 在网页中插入百度地图(最方便的方法3分钟搞定)!
- 网页中插入百度地图的方法
- 关于网页中插入视频的几种方法
- 网页中插入FLASH的三种方法
- 将百度地图插入到网页中
- 在网页中用JS插入Flash的方法: SWFObject
- 在网页中插入百度地图(实例)
- 网页中插入百度地图
- 获取百度地图密钥时,需要发布版SHA1的值
- 使用markdown是需要插入LaTeX公式方法
- 网页中插入透明Flash的方法和技巧
- 在网页中插入百度地图
- 夺命雷公狗----网页版百度地图使用最新方法
- 在网页中插入百度地图(Wayde-实例)
- 网页中插入背景音乐的几种方法
- 在网页中用JS插入Flash的方法: SWFObject
- 今天需要生成一条option记录插入到select,采用dom的方法与先前的方法有所不同
- 在网页中插入百度地图(实例)