html怎么插入百度地图,如何在网站中加入百度地图(新)

http://lbsyun.baidu.com/

step1:获取密钥

为了统一平台服务的配额管理,JavaScript API在新版本引入ak机制。JavaScript API v1.4及以前版本无须申请密钥(ak),自v1.5版本开始需要先申请密钥(ak),才可使用。申请密钥的链接:点击打开链接

打开链接后点击创建应用,填入相关的信息,填完后是这个样子

12ca6bc533cd1f211980de7987ba2d2a.png

点击提交后就知道自己的密钥啦

0937b5b729c51ab2da7ad6262e8f25e6.png

step2:用百度提供的地图生成器工具,链接:点击打开链接

http://api.map.baidu.com/lbsapi/createmap/index.html

step3:生成一个地图,并进行相关的配置

1.定位中心点,输入城市(重庆),地点(解放碑)

923024c18de838855bbe06cc1897b6b7.png

2.设置地图,设置地图的一些配置,参数

432d62184e241195f012ec34a52cc567.png

3.添加标注,在右边会有根据你的配置生成的地图,选择一种标记,在地图上找到你想要标注的位置,添加标注信息就好

16e13fb5438222c26998522b0992e66b.png

step4:点击获取代码,会跳出来一个框里显示你创建的地图的HTML代码,copy最核心的代码到你的页面中,然后把第一个script标签下的你的密钥换成step1中获得的密钥就可以啦。下面的这几句是最核心的

1 2 3

4 5 6 7 百度地图API自定义地图 8 9 10 11 12 13 14

地图生成工具基于百度地图JS api v2.0版本开发,使用请申请密匙。 16 了解如何申请密匙 17 申请密匙 18

19 20 77

转自:https://www.cnblogs.com/lovestart/p/10062282.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值