使用sencha touch的Google地圖出現問題

Question

我是sencha touch的新手，但我遇到的錯誤似乎與google maps api有關。 我正在打電話給Google Maps API，以在sencha touch中搜索特定位置。 但是我正在錯誤以下

這是我在store / Places.js文件中的代碼

Ext.define('TestIOS.store.Places', {
extend: 'Ext.data.Store',
config: {
    model: 'TestIOS.model.Place',
    autoLoad: true,

    proxy: {
        type: 'ajax',
        url: 'https://maps.googleapis.com/maps/api/place/search/json?location=-33.8670522,151.1957362&radius=500&types=food&name=harbour&sensor=false&key=AIzaSyCFWZSKDslql5GZR0OJlVcgoQJP1UKgZ5U',
        reader: {
            type: 'json',
            rootProperty: 'results'
        }
    }
}
});

我該如何解決這個錯誤？

Answer 1

這是由於Same Origin Policy所致，因此要從其他服務器獲取數據，我們必須使用JSONP，但是最新版本的Google Maps API（v3）似乎不支持jsonp 。 因此，如果要進行地理編碼，則需要使用maps api：

包括

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

在index.html中添加sencha microloader之前

<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>

並使用Google geocoder EX獲取任何地址：

    var geocoder = new google.maps.Geocoder();
    geocoder.geocode( {'address': name of location },
        function(results, status) { console.log(results[0].geometry.location); });