在移动互联网相关技术与应用飞速发展的今天,各类行业都离不开位置服务的支持。而现今各大地图平台均开放了位置服务接口供开发者和商家进行调用,更简单的实现相关的二次开发,从而实现各种位置服务的功能。相比于开发时相对复杂、使用时占用更多资源的移动应用客户端,各类移动互联网服务逐渐向Web页面、小程序方向转移。本文将以百度地图开放平台为例,创建浏览器定位的Web应用对LBS的二次开发方法进行说明。
开发前准备
无论使用任何平台进行二次开发,均需要进行注册,获取用于开发的开发者密钥(AK)。对于百度开放平台而言,可按照如下步骤执行,免费的获取AK:
- 访问百度地图开放平台首页,点击右上角的登陆按钮,如图1所示。然后注册,或者输入百度账号密码进行登录。
- 完成登录后,点击页面上方菜单栏中的“控制台”,如图2所示,进入控制台所在的页面。
- 在进入控制台后,首先点击控制台左侧的“创建应用”按钮。然后在右侧面板中进行创建应用的相关配置。如果需要进行Web地图的相关开发,需要将应用类型设置为“浏览器端”。在测试时,不做调用网站的限制,即在“Referer白名单”中输入一个星号“*”。对于其余的设置,建议将启用服务全开(毕竟可以尝试更多功能的使用),应用名称按照自己的应用类型起一个便于自己识别的就好。在所有配置均完成后,点击面板最下方的“提交”按钮,实现应用的创建,如图3所示。
- 完成提交后,可以在页面中看到我们创建的应用,以及访问应用的开发者密钥(AK),如图4所示。
进行开发
定位技术是各类位置服务的基础,在位置服务领域占据着相当重要的地位。因此,以定位并显示用户当前所在位置为例,进行基于Web的百度地图二次开发入门讲解。
- 首先,需要在Web页面的head标签中进行百度地图的引入和注册。
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=密钥"></script>
在上述“密钥”的部分,填写刚刚在应用创建中申请得到的密钥。
- 在Web页面的body标签中引入地图组件,将这一组件的id记为allmap。
<body>
<div id="allmap"></div>
</body</