Sencha touch使用百度地图
来源:互联网 发布:软件测试新技术ppt 编辑:程序博客网 时间:2024/05/16 16:10
谷歌地图在天朝时不时被搞导致无法访问,所以如果以国内用户为主的用户还是选择百度地图比较稳妥。
Sencha touch默认封装了google地图为其地图插件,虽然使用简单,但也无奈只能放弃。
使用百度地图步骤如下:
1.打开index.html文件,加入以下代码。
<!--添加下面的meta标签: --><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。--> <!--添加引入百度Map的javascript--><script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
2.做好引入文件的工作后,然后编辑app/view里面的Main.js,修改成如下代码。(懒人可直接复制粘贴)
Ext.define('BdMapDemo.view.Main', { extend: 'Ext.tab.Panel', xtype: 'main', requires: [ 'Ext.TitleBar' ], config: { tabBarPosition: 'bottom', items: [ { iconCls: 'maps', styleHtmlContent: true, scrollable: false, layout:'vbox', items: [{ xtype: 'titlebar', title: '调用百度地图' },{ xtype:'panel', id:'map', flex:1 } ] }] } });
3.在app.js里面的launch函数里面添加对百度map的配置
//核心代码 var map = new BMap.Map('map');//指向map的容器 map.centerAndZoom(new BMap.Point(121.491, 31.233), 11); window.setTimeout(function(){ map.panTo(new BMap.Point(116.409, 39.918)); }, 2000); //--------------- } });
- Sencha touch使用百度地图
- sencha-touch中使用百度地图
- 使用sencha-touch-checkbox
- sencha-touch的使用
- 开始使用sencha touch
- sencha touch安装使用
- sencha touch map 中设置google地图
- Sencha Touch JSbiulder 的使用
- 【SENCHA TOUCH】picker的使用
- 【sencha-touch】TabPanel的使用
- sencha touch 类的使用
- sencha touch使用遮罩
- [Phonegap+Sencha Touch] 移动开发4、Sencha Touch初步使用
- [Phonegap+Sencha Touch] 移动开发4、Sencha Touch初步使用
- Sencha Touch入门:Sencha Touch开发环境搭建及使用 Sencha Cmd 自动创建项目框架
- Sencha Touch入门:Sencha Touch开发环境搭建及使用 Sencha Cmd 自动创建项目框架
- Sencha Touch
- sencha touch
- 方差除以n和n-1的区别
- The steps of running Sencha on BlackBerry z10, BB10运行Sencha的步聚
- Silverlight 2.5D RPG游戏技巧与特效处理(Game Effects):目录
- 中、美、日、印各国程序员大盘点
- Linux系统网络服务器模型
- Sencha touch使用百度地图
- Silverlight 2.5D RPG游戏技巧与特效处理:粒子系统
- 华为2014校招面试经验杂谈
- 海量数据面试题整理
- Silverlight 2.5D RPG游戏技巧与特效处理:HLSL渲染动画
- Silverlight 2.5D RPG游戏技巧与特效处理:天气系统
- easyUI tabs 显示与隐藏 tab 页
- ubuntu安装
- listbox一行记录显示一行