Путевые точки Google Maps с помощью флажков

Question

Может кто-нибудь сказать мне, как преобразовать следующий код для работы, используя вместо этого флажки ..

var checkboxArray = document.getElementById("waypoints");
for (var i = 0; i < checkboxArray.length; i++) {
  if (checkboxArray.options[i].checked == true) {
    waypts.push({
        location:checkboxArray[i].value,
        stopover:true});

У меня есть несколько флажков на странице с различными значениями в них, и я хотел бы, чтобы пользователь нажимал на точки, которые он хотел бы добавить к своему маршруту.

Помощь !!

Приветствия

Justin

Answer 1

Это пример кода из документации Google для карты Google версии 3, который отображает путевые точки между уже заданными начальным и конечным местоположением.и вот ответ.

предположим, что у вас есть флажки, подобные следующим

<input type='checkbox' name='waypoints[]' value='someplace1'>
<input type='checkbox' name='waypoints[]' value='someplace2'>
<input type='checkbox' name='waypoints[]' value='someplace3'>
<input type='checkbox' name='waypoints[]' value='someplace4'>
<input type='checkbox' name='waypoints[]' value='someplace5'>

, и тогда следующий код будет работать для вас.

var checkboxArray = document.getElementsByName("waypoints[]");
for (var i = 0; i < checkboxArray.length; i++) {
  if (checkboxArray[i].checked == true) {
    waypts.push({
        location:checkboxArray[i].value,
        stopover:true});

Но еслипользователь нажимает флажок в случайном порядке, а затем ... вам решать.