移动端、手机调用百度地图 Demo
2015-10-10 15:09
281 查看
首先非常感谢franck分享的Demo!
Demo截图:
下面是franck对此Demo的说明:
原理:
1、通过百度拾取坐标系统获得点位的坐标。
http://api.map.baidu.com/lbsapi/getpoint/index.html
2、在网页的<head>中插入百度API引用脚本。
3、在网页的</body>之后</html>之前插入地图显示代码(详细代码见DEMO)。
4、设置显示地图的div的id为“dituContent”,即添加 id="dituContent" ,由于jqm的div的高度都是根据内容自由放大的,所以为了地图能正常显示,还需要增加一个高度值,这里暂定为600px:
查看Demo »
下载Demo »
扫描查看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 »
下载Demo »
扫描查看Demo:
相关文章推荐
- Android 开源库汇总
- iOS8 无法设置定位服务
- iOS webview自适应实际内容高度的4种方法
- ios 9宫格图片
- 【Unity3D游戏开发学习笔记】(四)一切都动起来—Animator组件的应用
- 【unity插件】Sprite Mask--在unity实现类似flash那样非常丰富的遮罩功能
- APP推广之新品APP上线注意
- iOS开发-常用第三方开源框架介绍
- 微信jssdk分享及验签
- Android项目的打包签名及应用的版本升级(一)
- ios自动布局
- ios字体
- 禁用iOS9 App Transport Security(ATS)特性时不起作用
- Android 继承SwipeRefreshLayout添加上拉加载事件
- android ndk NEON Support
- IOS9-升级Xcode7后报错Assertion failure in -[UIApplication _runWithMainScene:处理
- android studio 插件安装
- I.MX6 Manufacturing Tool V2 (MFGTool2) Emmc mksdcard-android.sh hacking
- Android SimpleAdapter的参数
- android的自定义属性