[英]Google map insensitive for events in Sencha Touch 2
我在Sencha touch 2中定義了一個google map。它顯示的是地圖,但對觸摸事件沒有響應。 我無法移動或擠壓它。
Ext.define('AddressBook.view.contact.Show', {
extend: 'Ext.Panel',
xtype: 'contact-show',
requires: [
'Ext.Map'
],
config: {
title: 'Information',
layout: 'card',
items: [
{
xtype: 'map',
mapOptions : {
zoom : 15,
mapTypeId : google.maps.MapTypeId.ROADMAP,
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT
}
}
}
]
},
centerMap: function(newRecord) {
...
},
setMarkers: function(markers) {
...
}
});
我在app.js中創建了它:
Ext.Loader.setConfig({ enabled: true });
Ext.application({
...
launch: function() {
Ext.Viewport.add({
xclass: 'AddressBook.view.contact.Show'
});
}
});
我包含了Google腳本:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"</script>
事實是,Sencha提供的“地圖”示例似乎運行良好。 但是它使用Ext.setup()和Ext.create()在app.js中顯示地圖。 我不知道為什么它能正常工作。 但是我也不能使用這種方式來創建地圖。 有人知道出什么問題嗎?
找到了問題。 Sencha的“ map”示例有效,其中包含一個腳本,該腳本在示例中不存在,但在另一個示例中存在,該示例用作我的項目模板。
<link rel="stylesheet" href="css/example.css" type="text/css"/>
就此不存在的腳本而言,包括Google Maps正在使用示例“ MAP”。
換句話說,如果您將其包含在Google地圖的項目中,它將變得毫無反應! 我不得不精簡“地圖”示例以最終找到問題,這使我花了很多時間,這要歸功於有人在代碼成為示例之前不清理代碼!
順便說一句,這就是'navigationview'示例也凍結了Google Map的原因,因為它需要此損壞的腳本來顯示其樣式。
我要求Sencha小組從他們的示例中刪除此令人困惑的代碼。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.