基于Web的百度地图二次开发入门实践

本文介绍了如何基于Web进行百度地图的二次开发,包括注册获取开发者密钥(AK)、创建应用,以及利用AK进行Web地图开发,通过定位展示用户当前位置,详细阐述了定位功能的实现过程。
摘要由CSDN通过智能技术生成

在移动互联网相关技术与应用飞速发展的今天,各类行业都离不开位置服务的支持。而现今各大地图平台均开放了位置服务接口供开发者和商家进行调用,更简单的实现相关的二次开发,从而实现各种位置服务的功能。相比于开发时相对复杂、使用时占用更多资源的移动应用客户端,各类移动互联网服务逐渐向Web页面、小程序方向转移。本文将以百度地图开放平台为例,创建浏览器定位的Web应用对LBS的二次开发方法进行说明。


开发前准备

无论使用任何平台进行二次开发,均需要进行注册,获取用于开发的开发者密钥(AK)。对于百度开放平台而言,可按照如下步骤执行,免费的获取AK:

  1. 访问百度地图开放平台首页,点击右上角的登陆按钮,如图1所示。然后注册,或者输入百度账号密码进行登录。
    在这里插入图片描述
图1 登录入口

  1. 完成登录后,点击页面上方菜单栏中的“控制台”,如图2所示,进入控制台所在的页面。
    在这里插入图片描述
图2 进入控制台

  1. 在进入控制台后,首先点击控制台左侧的“创建应用”按钮。然后在右侧面板中进行创建应用的相关配置。如果需要进行Web地图的相关开发,需要将应用类型设置为“浏览器端”。在测试时,不做调用网站的限制,即在“Referer白名单”中输入一个星号“*”。对于其余的设置,建议将启用服务全开(毕竟可以尝试更多功能的使用),应用名称按照自己的应用类型起一个便于自己识别的就好。在所有配置均完成后,点击面板最下方的“提交”按钮,实现应用的创建,如图3所示。
    在这里插入图片描述
图3 创建应用

  1. 完成提交后,可以在页面中看到我们创建的应用,以及访问应用的开发者密钥(AK),如图4所示。
    在这里插入图片描述
图4 完成创建的应用

进行开发

定位技术是各类位置服务的基础,在位置服务领域占据着相当重要的地位。因此,以定位并显示用户当前所在位置为例,进行基于Web的百度地图二次开发入门讲解。

  1. 首先,需要在Web页面的head标签中进行百度地图的引入和注册。
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=密钥"></script>

在上述“密钥”的部分,填写刚刚在应用创建中申请得到的密钥。


  1. 在Web页面的body标签中引入地图组件,将这一组件的id记为allmap。
<body>
	<div id="allmap"></div>
</body</
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值