使用Checkbox的Google Maps Waypoints

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

我在頁面上有許多復選框，其中有不同的值，我希望用戶單擊要添加到路線的點。

救命！！

干杯

賈斯汀

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

但是，如果用戶以隨機順序單擊該復選框，那么......由您決定。