È possibile intercettare i JSONP risultati restituiti dalla funzionalità google.maps.places.Autocomplete e usarli come meglio credi, tale da limitare per paese e visualizzare i risultati.
Fondamentalmente si ridefinisce il metodo appendChild sull'elemento head e quindi si monitorano gli elementi javascript che il codice di completamento automatico di Google inserisce nel DOM per JSONP. Quando vengono aggiunti elementi javascript, si sostituiscono i callback JSONP definiti da Google per ottenere l'accesso ai dati grezzi di completamento automatico.
E 'un po' di hack, qui va (sto usando jQuery ma non è necessario che questo hack al lavoro):
//The head element, where the Google Autocomplete code will insert a tag
//for a javascript file.
var head = $('head')[0];
//The name of the method the Autocomplete code uses to insert the tag.
var method = 'appendChild';
//The method we will be overriding.
var originalMethod = head[method];
head[method] = function() {
if (arguments[0] && arguments[0].src && arguments[0].src.match(/GetPredictions/)) { //Check that the element is a javascript tag being inserted by Google.
var callbackMatchObject = (/callback=([^&]+)&|$/).exec(arguments[0].src); //Regex to extract the name of the callback method that the JSONP will call.
var searchTermMatchObject = (/\?1s([^&]+)&/).exec(arguments[0].src); //Regex to extract the search term that was entered by the user.
var searchTerm = unescape(searchTermMatchObject[1]);
if (callbackMatchObject && searchTermMatchObject) {
var names = callbackMatchObject[1].split('.'); //The JSONP callback method is in the form "abc.def" and each time has a different random name.
var originalCallback = names[0] && names[1] && window[names[0]] && window[names[0]][names[1]]; //Store the original callback method.
if (originalCallback) {
var newCallback = function() { //Define your own JSONP callback
if (arguments[0] && arguments[0][3]) {
var data = arguments[0][4]; //Your autocomplete results
//SUCCESS! - Limit results here and do something with them, such as displaying them in an autocomplete dropdown.
}
}
//Add copy all the attributes of the old callback function to the new callback function. This prevents the autocomplete functionality from throwing an error.
for (name in originalCallback) {
newCallback[name] = originalCallback[name];
}
window[names[0]][names[1]] = newCallback; //Override the JSONP callback
}
}
//Insert the element into the dom, regardless of whether it was being inserted by Google.
return originalMethod.apply(this, arguments);
};
Questa è la risposta corretta –
componentRestrictions: {country: 'gb'} // restringerà al Regno Unito solo come per la domanda – geedubb
dovrebbe essere 'types: ['cities']', non 'types: ['(città) '] ' – tirdadc