Javascript——百度地图API——显示位置

来源：互联网发布：收银软件免费版编辑：程序博客网时间：2024/05/18 14:22

在移动互联网发展日益迅速的时代，我们在使用许多手机应用（如大众点评网、网页浏览器）时，都会发现其中有“获取当前地理位置”的功能。那么这种功能是如何实现的呢？我们可以借助百度地图提供的API来达到这一目的。

百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口，包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务，提供基本地图展现、搜索、定位、逆/地理编码、路线规划、LBS云存储与检索等功能，适用于PC端、移动端、服务器等多种设备，多种操作系统下的地图应用开发。

以下笔者写了一个简单的链接百度地图API的JS代码，用以显示位置信息。

首先需要与百度地图API进行连接

<pre name="code" class="javascript"><script src="http://api.map.baidu.com/components?ak=ImEwcIPvf92bBwvxhXYENARr&v=1.0"></script>

其次进行定位。lbs-geo为该API提供的显示地址的元素，在这里city属性笔者默认为广州。

    <p>我的位置：</p>    <div><span style="white-space:pre"></span><lbs-geo city="广州" enable-modified="false"></lbs-geo><span style="white-space:pre"></span></div>

以上两段为关键代码，其余元素可自己设计。

然后打开自己的已经部署好的网页就可以测试了~

0 0