Senchatouch

SenchaTouch2.1调用百度地图实例

℡╲_俬逩灬. 提交于 2020-02-29 05:34:47
SenchaTouch(以下简称st)里面使用的地图示例是采用的googleMap,但由于和谐社会的原因,google地图对我们的支持也是有心无力。在st的使用中也是经常出现无法加载googlemap的js。 但是没了谷歌地图我们依然还是要做开发。不能因为了它就不用地图了不是。下面介绍国内的地图:百度地图。读者可能有些疑惑,因为参考的api使用的都是谷歌的,如果换成百度一下子变得无从下手。故往下看文章的朋友请注意了几点 1、抛开st提供的map组件(xtype:map),在文中的调用百度地图不需要在使用到这个组件了。 2、抛开st中的map示例所提到的步骤,因为在调用百度地图的过程中并没有那么复杂。 3、闲话不多说,进入正题。 调用步骤: 1、创建st项目,详情参考另外一篇文章《Secnha Commands 3 使用详解(从创建到打包》 http://my.oschina.net/victorHomePage/blog/109654 ,项目的创建方式有很多,本文就采用命令方式。 2、打开index.html文件,加入以下代码。 <!--添加下面的meta标签: --> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。

混合应用开发 欢迎界面 (二)

孤街浪徒 提交于 2019-12-06 01:22:27
本文将介绍如何为混合应用加入欢迎界面,本教程将在 教程一 的代码上进行修改。 为混合应用加入欢迎界面可以使用 Cordova SplashScreen 插件。 一,增加不同尺寸的 欢迎 界面图片资源 二,在config.xml增加SplashScreen插件配置 1, SplashScreen 属性value值对应图片名称 <preference name="splashscreen" value="splash" /> 2, SplashScreenDelay 属性value值表示欢迎界面关闭时间 <preference name="SplashScreenDelay" value="5000" /> 3,完整配置: <?xml version="1.0" encoding="UTF-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you

混合应用开发 Hello Html5 (一)

孤街浪徒 提交于 2019-12-03 05:08:27
本文是混合应用开发入门教程,如果您不懂原生应用开发,那么请尝试混合模式的应用开发。本教程将使用Android、Html5和Cordova进行样例讲解。 一,创建开发环境并下载开发包: 关于Android开发环境搭建请自行上网查询,本教程不作讲解。 使用的相关开发包: Android 4.4.2 Sencha Touch 2.4.x Cordova 3.4.0 二,创建混合应用 1 ,创建Android Project如下图所示,默认点击下一步直至完成创建。 2 ,在项目中加入cordova-3.4.0.jar。 3 ,在res文件夹下创建名为xml文件夹,接着在xml文件夹下创建名为config.xml文件,config.xml文件内容如下: <?xml version="1.0" encoding="UTF-8"?> <widget xmlns = "http://www.w3.org/ns/widgets" id = "io.cordova.helloCordova" version = "2.0.0"> <name>Hello Cordova</name> <description> A sample Apache Cordova application that responds to the deviceready event. </description>