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

Question

Cheizer @Cheizer

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

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

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

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

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

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

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

Вопрос задан более трёх лет назад
92 просмотра

10 комментариев

Подписаться 1 Простой 10 комментариев

freeExec @freeExec

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

Написано более трёх лет назад
Cheizer @Cheizer Автор вопроса

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

Написано более трёх лет назад
freeExec @freeExec

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

Написано более трёх лет назад
Cheizer @Cheizer Автор вопроса

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

Написано более трёх лет назад
freeExec @freeExec
Роман Кузнецов,
function geocodeAddress(location, isSetToCenterMap) {}
Написано более трёх лет назад

Cheizer @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 @freeExec
Роман Кузнецов, Эхх
if (isSetToCenterMap) map.setCenter(results[0].geometry.location);
Написано более трёх лет назад

Cheizer @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 @freeExec
Роман Кузнецов, А флаг кто выставлять будет за Москву?
for (var i = 0; i < locations.length; i++) { geocodeAddress(locations[i], i == 0); }
Написано более трёх лет назад
Cheizer @Cheizer Автор вопроса

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

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

Написано более трёх лет назад

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 20 часов назад
- 70 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 20 часов назад
- 88 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 107 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 46 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- вчера
- 66 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Почему функция mnemonicToWalletKey из библиотеки тон генерирует неверный адрес кошелька?
- 1 подписчик
- вчера
- 49 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как передавать данные гугл таблицы в телеграм при добавлении новой записи?
- 1 подписчик
- вчера
- 63 просмотра
1

ответ
JavaScript

Простой
Проблема с добавлением полей товара в куки, почему-то при клике ничего в куки не записывает, что делать?
- 1 подписчик
- вчера
- 33 просмотра
2

ответа
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Сделать аудит сайта

19 апр. 2024, в 12:53

1000 руб./за проект

Требуется доработка бота

19 апр. 2024, в 12:41

8000 руб./за проект

Доработать сайт на React + Nest

19 апр. 2024, в 12:05

1500 руб./в час

Вы запустили 3 асинхронных запроса на геокодирования, в каком порядке они отработает - чистый рандом. Вам нужно сначала дождаться когда они все отработают, а уже затем выставлять позицию карты.
freeExec, но как это сделать? Можно пример пожалуйста, что только не пробовал, и revers массива даже :)) И вы правы, рандом присутствует, чаще на последний маркер, но иногда и на другие, а я думал почему так.
Роман Кузнецов, добавьте в функцию новый аргумент, который покажет на какой адрес нужно будет центрировать карту.
freeExec, в какую именно,? В geocodeAddress я там все перепробовал, там особо не развернешься, есть только координаты и все :( . в createMarker там тоже ограничены функционалом самого google,
Роман Кузнецов,
function geocodeAddress(location, isSetToCenterMap) {}
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]); }); }

Теперь вроде рандома нет, и не скачет на последний адрес в массиве, но только проблема по центру карта не становится почему то :(
Роман Кузнецов, Эхх
if (isSetToCenterMap) map.setCenter(results[0].geometry.location);
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]); } }); }
Роман Кузнецов, А флаг кто выставлять будет за Москву?
for (var i = 0; i < locations.length; i++) { geocodeAddress(locations[i], i == 0); }
freeExec, Уррааааааа!! :))) я даже конструкции такой не знал, что бы в аргументе функции можно было равенство поставить. Низкий поклон вам! Осталось проблему рандома решить, иногда почему то путает локации по клику на ссылку адреса. Наверное вынесу в отдельный пост.

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

Answer 1 · 2019-08-02 18:14:40

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

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]);
    }
  }
});

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт