移动端、手机调用百度地图 Demo

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

Demo截图:

JQM 百度地图 Demo

下面是franck对此Demo的说明:

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

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

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

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

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

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

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

查看Demo »

下载Demo »

扫描查看Demo: 
jqmDemo


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部