Как в Google maps API задать стартовую позицию для карты из множества адресов?

Question

[Cheizer]

Друзья, очень нужна помощь, всю голову сломал, есть Google карта, с массивом адресов:

var locations = [
['Москва, Россия', 'Москва', 'infowindow 1'],
['Барнаул, Россия', 'Барнаул', 'infowindow 2'],
['Улан-Удэ, Россия', 'Улан-Удэ', 'infowindow 3']
];

Далее из адресов получаем позицию на карте с помощью функции geocode и в цикле расставляем маркеры на карте, и по клику переходим перемещаемся по ним.

Но вот беда, при загрузке карты, центр карты ставится на ПОСЛЕДНИЙ элемент массива, на последний адрес, на последний маркер. А мне нужно на первый, как это сделать ума не приложу, уже все испробовал :( помогите пожалуйста.

Вот поднял пример


Как видите адрес начальный ставится на Улан-Удэ, а нужно на Москву. Как это сделать?

Comments

[freeExec]

Вы запустили 3 асинхронных запроса на геокодирования, в каком порядке они отработает - чистый рандом. Вам нужно сначала дождаться когда они все отработают, а уже затем выставлять позицию карты.

[Cheizer]

freeExec, но как это сделать? Можно пример пожалуйста, что только не пробовал, и revers массива даже :)) И вы правы, рандом присутствует, чаще на последний маркер, но иногда и на другие, а я думал почему так.

[freeExec]

Роман Кузнецов, добавьте в функцию новый аргумент, который покажет на какой адрес нужно будет центрировать карту.

[Cheizer]

freeExec, в какую именно,? В geocodeAddress я там все перепробовал, там особо не развернешься, есть только координаты и все :( . в createMarker там тоже ограничены функционалом самого google,

[freeExec]

Роман Кузнецов,

function geocodeAddress(location, isSetToCenterMap) {}

[Cheizer]

freeExec, Спасибо, сделал так

var isSetToCenterMap = new google.maps.LatLng(55.830695, 37.431010);

function geocodeAddress(location, isSetToCenterMap) {
geo.geocode({ 'address' : location[0]}, function (results,status) {
 if(status == google.maps.GeocoderStatus.OK) { 
console.log(isSetToCenterMap);
  //map.setCenter(results[0].geometry.location);
  map.setCenter(isSetToCenterMap);
  createMarker(results[0].geometry.location,location[0],location[1],location[2]);
});	
}

Теперь вроде рандома нет, и не скачет на последний адрес в массиве, но только проблема по центру карта не становится почему то :(

[freeExec]

Роман Кузнецов, Эхх

if (isSetToCenterMap)
   map.setCenter(results[0].geometry.location);

[Cheizer]

freeExec, не понимаю, как это должно работать, зачем проверка нужна? Ничего не изменилось, я крайне тупой :)) но слабо зная JS все таки сам текущую конфигурацию собрал.

var isSetToCenterMap = new google.maps.LatLng(55.830695, 37.431010);
 
function geocodeAddress(location, isSetToCenterMap) {
geo.geocode({'address' : location[0]}, function (results,status) {
 if(status == google.maps.GeocoderStatus.OK) {
   
   if (isSetToCenterMap){
       map.setCenter(results[0].geometry.location);
   }

  createMarker(results[0].geometry.location,location[0],location[1],location[2]);
}
});	
}

[freeExec]

Роман Кузнецов, А флаг кто выставлять будет за Москву?

for (var i = 0; i < locations.length; i++) {
        geocodeAddress(locations[i], i == 0);
    }

[Cheizer]

freeExec, Уррааааааа!! :))) я даже конструкции такой не знал, что бы в аргументе функции можно было равенство поставить. Низкий поклон вам! Осталось проблему рандома решить, иногда почему то путает локации по клику на ссылку адреса. Наверное вынесу в отдельный пост.

Пожалуйста, напишите что то как отдельный комментарий тут ниже, я отмечу его как решение и дополню сам. Сейчас вы просто ответили на мой пост, а тут нельзя ответ отметить решением.

Answer 1

[freeExec]

В функцию геокодера прокидываем флаг, для какого адреса мы устанавливаем центр карты

for (var i = 0; i < locations.length; i++) {
        geocodeAddress(locations[i], i == 0);
}

А уже там проверяем его и выставляем центр

function geocodeAddress(location, isSetToCenterMap) {
  geo.geocode({'address' : location[0]}, function (results,status) {
    if(status == google.maps.GeocoderStatus.OK) {   
      if (isSetToCenterMap) {
          map.setCenter(results[0].geometry.location);
      }
      createMarker(results[0].geometry.location,location[0],location[1],location[2]);
    }
  }
});

Comments

[Cheizer]

БЛАГОДАРЮ!