sencha touch地图：简单的地图

 

 

 

 

_________________________________________________

index.html

 

//在index.html中添加下面这句话 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

________________________________________________________________

app.js

 

 

//--------------------------------地图与多媒体-----------------------------------------------
  //sencha touch2.0中提供了Map组件,该组件中封装了Google地图API,因此可以直接通过该组件在页面中显示Google地图
  //在sencha touch 2.0中,通过Ext.Map类定义Map组件,该组件的xtype值为map.
  //在使用map组件时要调用Google地图的API,所以在页面中引入Google地图API所使用的核心JavaScript脚本.
  
  var map=Ext.create('Ext.Map',{
   useCurrentLocation:true //当 useCurrentLocation值为true时,表示将浏览器设备的地理位置显示为页面上Google地图的中心点  
        
  });
  
 Ext.Viewport.add(map);

 

_______________________________________________________