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

但是，如果用户以随机顺序单击该复选框，那么......由您决定。