Показать сообщение отдельно
  #1 (permalink)  
Старый 29.04.2018, 14:19
Интересующийся
Отправить личное сообщение для racheev Посмотреть профиль Найти все сообщения от racheev
 
Регистрация: 29.04.2018
Сообщений: 11

сделать цикл с картами google
Привет всем.
Помогите решить задачу.
Есть код который работает для одной карты. Пытался повторить его, но гугл запускает карты только с одной инициализацией. Мне надо вывести 2 или 3 а то и 4 карты на странице. пытался сделать
for (var k = 0; k < 2; ki++) { но не работает. Если создать руками еще один код внутри initMap() с другими названиями переменных, то работает. А как бы это сделать циклом?
<script>
	var locations = [['Тула'],['Минск']];
	var locations2 = [['Новосибирск'],['Бургас']];
</script>	
	
	
<script>	
function initMap() {
	var map = new google.maps.Map(document.getElementById('map'), {
		zoom: 3,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		center: {lat: 0,lng: 0}
	});
	var markers = [];
	var bounds = new google.maps.LatLngBounds();
	geocoder = new google.maps.Geocoder();
	for (var i = 0; i < locations.length; i++) {
		var geocoder = new google.maps.Geocoder();
		geocoder.geocode({'address': locations[i][0]}, function(results, status) {
			var marker = new google.maps.Marker({
				map: map,
				position: results[0].geometry.location
			});
			markers.push(marker);
			bounds.extend(marker.getPosition());
			map.fitBounds(bounds);

		});
	}		
}
</script>
Ответить с цитированием