基于LBS开发
LBS 基于位置的服务，它是通过电信移动运营商的无线电通讯网络（如GSM网、CDMA网）或外部定位方式(如GPS)获取移动终端用户的位置信息（地理坐标，或大地坐标），在地理信息系统（外语缩写：GIS、外语全称：Geographic Information System）平台的支持下，为用户提供相应服务的一种增值业务。
这里我们使用百度地图API
百度地图API简单使用
百度地图API是由JavaScript语言编写的，在使用之前需要将API引用到页面中： 需要提供密钥
(1)插入JavaScript API
(2)插入地图块
(3)插入JS代码创建地图应用
插入JavaScript API
<!-- baidu Map api -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=秘钥"></script>
特别注意，以上代码中的ak=秘钥处，秘钥即为准备工作中申请的秘钥，对应复制替换秘钥二字即可。
另外为了提高网页的加载速度，我们可以将上述代码放在<body></body>标签对中的最后。这样会提升页面的加载速度，但是地图应用的加载时间同样会依赖于以上文件的载入速度。
插入地图块
我们只需要在插入地图应用的位置，插入一个div块即可，同时设定一个id供后续使用，方式如下：
<div id="baiduMap"><div>
插入JS代码创建地图应用
在<body></body>的末尾插入以下JavaScript代码段：
<script type="text/javascript">
var map = new BMap.Map("baiduMap"); //创建Map实例
var point = new BMap.Point(114.419915,30.513719); //创建Point位置实例
map.centerAndZoom(point, 19); //设置地图中心点及缩放级别
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
var marker = new BMap.Marker(point); //创建一个Marker点
map.addOverlay(marker); //将Marker点覆盖到地图上
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //使Marker点跳动起来
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>