Google Places API - запрос информации о местах не определен
Я пытаюсь получить сведения о месте с помощью библиотеки Google Places. Когда вы нажимаете маркер места, я хочу видеть адрес, имя, веб-сайт и т. Д.
Я использую следующий учебник: http://code.google.com/apis/maps/documentation/javascript/places.html
Кажется, все идет хорошо. В моем маркере я могу отображать имя и рейтинг, но адрес, веб-сайт и номер телефона отображаются как "неопределенные". Это потому, что у Google нет информации, которую я запрашиваю в этих местах? Или я сделал что-то не так?
Вот код, который я использую: var map; var infowindow;
function initialize() {
var pyrmont = new google.maps.LatLng(-33.8665433, 151.1956316);
map = new google.maps.Map(document.getElementById('map_canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: pyrmont,
zoom: 15
});
var request = {
location: pyrmont,
radius: 5000,
types: ['bar']
};
infowindow = new google.maps.InfoWindow();
service = new google.maps.places.PlacesService(map);
service.search(request, callback);
}
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
}
}
}
function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(place.name + "<br />" + place.formatted_address +"<br />" + place.website + "<br />" + place.rating + "<br />" + place.formatted_phone_number);
infowindow.open(map, this);
});
}
Любая помощь или идеи будут с благодарностью.
Приветствия.
JA
1 ответ
Вы выполняете поиск места, который не возвращает все поля, которые вы используете:
http://code.google.com/apis/maps/documentation/javascript/places.html
Чтобы узнать адрес, сайт и т. Д., Вам также нужно будет позвонить place.getDetails()
, проходя место reference
, Увидеть:
http://code.google.com/apis/maps/documentation/javascript/places.html
Грубо говоря, ваш код изменится на:
function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});
var request = { reference: place.reference };
service.getDetails(request, function(details, status) {
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(details.name + "<br />" + details.formatted_address +"<br />" + details.website + "<br />" + details.rating + "<br />" + details.formatted_phone_number);
infowindow.open(map, this);
});
});
}
Основываясь на приведенном выше ответе Майка, я бы предложил переместить вызов в слушателя, как показано ниже. Таким образом, вызов API выполняется только тогда, когда пользователь щелкает маркер, а не сотни раз в случаях, когда отображается много маркеров.
function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});
var request = { reference: place.reference };
google.maps.event.addListener(marker, 'click', function() {
service.getDetails(request, function(details, status) {
infowindow.setContent(details.name + "<br />" + details.formatted_address +"<br />" + details.website + "<br />" + details.rating + "<br />" + details.formatted_phone_number);
infowindow.open(map, this);
});
});
}