javascript - 使用 sencha touch 处理 google map 时遇到问题

Question

我是 sencha touch 的新手，但我收到的错误似乎与 google map api 有关。我正在调用 google map 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) does not support jsonp 。因此，如果您想要进行地理编码，则需要使用 map 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>

并使用谷歌地理编码器获取任何地址 例如:

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