Not able to get data from Google place API

[mail.goyalshubham]

Hi Guys!

I am trying to receive data from google place api. I can not use JSONP proxy because response is not in form of it. I have to use normal ajax, but its giving me cross browser ajax related errors. I tried using

  withCredentials: true,
            useDefaultXhrHeader: false,

but still no luck.

Can any one help me on this??

My store looks like

Ext.define('BW.store.addplace.SearchPlaceStore',{
    extend:'Ext.data.Store',
    requires:['BW.model.addplace.SearchPlaceModel'],
    config:{
        model:'BW.model.addplace.SearchPlaceModel'
    },
    setQuery:function(query, apiKey){
        this.setProxy({
            type: "ajax",
            url : "https://maps.googleapis.com/maps/api/place/autocomplete/json?input="+ query +"&types=geocode&sensor=false&key=" + apiKey,
            reader: {
                type: "json",
                rootProperty: "predictions"
            },
            withCredentials: true,
            useDefaultXhrHeader: false,
        });
    }
})

[mitchellsimoens]

What errors are you getting? Do they allow CORS?

[mail.goyalshubham]

XMLHttpRequest cannot load https://maps.googleapis.com/maps/api/place-----. Origin http://localhost is not allowed by Access-Control-Allow-Origin.


I dont think they allow CORS. this service worked when I packaged my application in native wrapper. but when runnning on mobile browser, it throwing this error.

So for now, I have used google api javascript functions to load data.