Jquery Mobile 百度地图 Demo

首先非常感谢franck分享的Demo!

Demo截图:

下面是franck对此Demo的说明:

原理:
1、通过百度拾取坐标系统获得点位的坐标。

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

2、在网页的<head>中插入百度API引用脚本。

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

3、在网页的</body>之后</html>之前插入地图显示代码(详细代码见DEMO)。

4、设置显示地图的div的id为“dituContent”,即添加 id="dituContent" ,由于jqm的div的高度都是根据内容自由放大的,所以为了地图能正常显示,还需要增加一个高度值,这里暂定为600px:

<div data-role="content" id="dituContent" style="height:600px">

查看demo:

http://www.wglong.com/index/demos/map_baidu/index.html

下载demo

http://pan.baidu.com/s/1hq8cwra

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值