隱藏/查看一組與gomap-插件標記

我喜歡隱藏/查看一組標誌物的與所述插件gomap（地圖）等的位置：http://www.pittss.lv/jquery/gomap/solutions/group.html 隱藏/查看一組與gomap-插件標記

現在我與隱藏/觀看意識到這隻有一個標記：

$(function() { 
    $("#map_canvas").goMap({ 
     latitude: 46.839, 
     longitude: 9.285, 
     zoom: 15 , 
     scaleControl: true, 
     maptype: 'ROADMAP', 
     markers: [{ 
      latitude: 46.839, 
      longitude: 9.285, 
      id: 'biketour1', 
      group: 'bike', 
      icon: 'pic/Kategorien/icon_bike.png', 
      html: { 
       content: 'Das ist die Biketour1', 
       popup:false 
      } 
     },{ 
      ... 
      } 
     }], 
    }); 
    }); 

$("#bike-check").click(function() { 
     $.goMap.showHideMarker('bike'); 
    });

您能否解釋我如何才能實現組的隱藏/查看？我已經帶班嘗試過，但這個是不工作...

更新：

$(".parentcheck").click(function() { 
var group = $(this).attr("id"); 

switch (group) { 
    case "bike-check": 
     showhidemarker("bike"); 
    break; 
    case "event-check": 
     //and so on 
    break; 
} 
}); 



/*! show/hiding markergroup 
    * 
    * @ groupid Group id string 
    * @ true Optional boolean to set the visibility to a specific value. If omitted, markers will toggle. 
*/ 
function showhidemarker(groupid){ 
    for (var i in $.goMap.markers) { 
     $.goMap.showHideMarker($.goMap.markers[i], false); 
     console.log("it works"); 
    } 
    $.goMap.showHideMarkerByGroup(groupid, true); 
}

這裏的HTML（通過點擊複選框，標記應可見或不可見）

... 
    <ul> 
     <li class="checkbox"> 
      <input id="bike-check" class="parentcheck" name="parentcheck" type="checkbox" checked="checked" value="Bike" /> 
      <p>Bike</p> 
     </li> 
     <li class="checkbox"> 
      <input id="event-check" class="parentcheck" type="checkbox" checked="checked" value="Events" /> 
      <p>Events</p> 
     </li> 
    </ul> 
...

問題是，這個方法：$ .goMap.showHideMarkerByGroup（groupid，true）; 不能正常工作。

通過點擊自行車複選框消除事件中的標記 - 但通過點擊複選框自行車，自行車上的標記應該消失！

有什麼不對？

來源

2012-02-08 Jules

了吧:)

var categories = { 
     "bike-check": { 
      "groupID": "bike", 
      "isVisible": true 
     }, 
     "event-check": { 
      "groupID": "event", 
      "isVisible": true 
     } 
    }; 

$(".parentcheck").click(function() { 

    var id = $(this).attr("id"); 

    categories[ id ].isVisible = !categories[ id ].isVisible; 
    showhidemarker(categories[ id ].groupID,categories[ id ].isVisible ); 

}); 
function showhidemarker(groupid,show){ 
    $.goMap.showHideMarkerByGroup(groupid, show) 
}

來源

2012-02-13 15:17:59 Jules

容易得多就是隱藏一切，只顯示那些你需要......從GoMap例子樣品

for (var i in $.goMap.markers) { 
    $.goMap.showHideMarker($.goMap.markers[i], false); 
} 
$.goMap.showHideMarkerByGroup(group, true);

來源

2012-05-08 06:37:49

如果您使用複選框來顯示/隱藏組，您可以這樣做（假設複選框的ID爲「NFLCheckbox」，組名稱爲「NFLGroup」）：

$("#NFLCheckbox").click(function() { 
    if ($('#NFLCheckbox').is(':checked')) { 
     $.goMap.showHideMarkerByGroup('NFLGroup', true) 
    } else { 
     $.goMap.showHideMarkerByGroup('NFLGroup', false) 
    } 
});

欲瞭解更多詳情，我在這裏寫了一篇文章：http://www.codeproject.com/Articles/690045/How-to-Display-and-Hide-Marker-Groups-in-Google-Ma

來源

2013-11-09 21:16:51

隱藏/查看一組與gomap-插件標記

回答

相關問題