使用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); });