На чьей стороне ошибка? PHP или JS?

Question

[CODALSD]

https://www.vgl.su/tester/
Есть такая страница с картой. Можно выбрать страну и город. Но при попытке добавить дополнительные города и офисы для Казахстана или Украины карта перестает работать. Как можно понять где спряталась ошибка?

Answer 1

[Владимир Проскурин]

Ищите вечный цикл в коде JS, вкладка браузера намертво зависает, нагружая ядра проца.

UPD: Посмотрел в отладчике хрома, он говорит, что зависает в этом участке.

$( "#ShipStates option:selected" ).each(function() {

		      	var data_lat = $(this).attr("data-lat");
		      	var data_long = $(this).attr("data-long");

						for(var countrycode in dealersArray)
						{	country = dealersArray[countrycode];
							for(var citycode in country.cities)
							{	city = country.cities[citycode]
								for (var i = 0; i < city.offices.length; i++)
								{	office = city.offices[i]
										var latLng = new google.maps.LatLng(data_lat, data_long);

										mapBuy.setZoom(11);
										mapBuy.panTo(latLng);
										return;
								}
							}
						}
    
})

Я полагаю, это по той причине, что для Казахстана, в городах в select option атрибуты data-coord равны undefined. Попробуйте это исправить, скорее всего поможет.

Comments

[CODALSD]

@Vlad_IT
Может посмотрите код JS и сможете сказать в каком месте проблема? Ссылки на исходники файлов в комменте Егору скинул

[Владимир Проскурин]

CODALSD, вот тут смотрите

function ShipCountry_Change() {
  var country = $('#ShipCountry').val().toLowerCase();
  for (var countrycode in dealersArray) {
    if (countrycode == country) {
      var options = ''

      for (var citycode in dealersArray[countrycode].cities) {
        options += '<option value="' + citycode + '" class="' + countrycode + '-states" data-coord="' + dealersArray[countrycode].cities[citycode].offices.latlang + '">' +
          dealersArray[countrycode].cities[citycode].citytext + '</option>'
      }
      $("#ShipStates").html(options);

      showHide()
      return
    }
  }
}

dealersArray[countrycode].cities[citycode].offices - является массивом из объектов координат, там два объекта. А вы пытаетесь получить к нему доступ по свойству
dealersArray[countrycode].cities[citycode].offices.latlang
Нужно пройтись по этому объекту циклом или выводить первое значение из массива.

[CODALSD]

Вот в этом месте и получился затык, так как смог получить массив для rus а как для остальных элементов массива прописать цикл? Где почитать? хотя бы ссылку, а то уже второй день с этой проблей никак не решу

[Владимир Проскурин]

CODALSD, вот решение

function ShipCountry_Change() {
  var country = $('#ShipCountry').val().toLowerCase();
  for (var countrycode in dealersArray) {
    if (countrycode == country) {
      var options = ''

      for (var citycode in dealersArray[countrycode].cities) {
        var offices = dealersArray[countrycode].cities[citycode].offices;
        var off = offices;

        if(Array.isArray(offices) && offices.length) {
           off = offices.slice(-1)[0]; // Получаем последную точку (так в PHP тоже)
        }
         
        options += '<option value="' + citycode + '" class="' + countrycode + '-states" data-lat="' + off.latlang[0] + '" data-long="' + off.latlang[1] + '">' +
          dealersArray[countrycode].cities[citycode].citytext + '</option>'
      }
      $("#ShipStates").html(options);

      showHide()
      return
    }
  }
}

[CODALSD]

Написал в скайп. Владимир Проскурин

Answer 2

[Егор Живагин]

Где они добавляются? Как они добавляются? А выводятся как?

Что пишет консоль при ошибке? Что пишут логи бэкенда?

Comments

[CODALSD]

Егор Живагин
https://www.vgl.su/wp-content/themes/index/css/php.txt
https://www.vgl.su/wp-content/themes/index/css/js.txt

[CODALSD]

Ошибок в консоли разработчика нереально увидеть, так как после клика все виснет намертво, а с PHP WP DEBUG ничего не показывает(