如何使用javascript按类型删除gmap PIN
我不熟悉javascript和谷歌地图api 3。我想通过过滤器（office、warehouse）过滤Gmap PIN，我已经添加了用于过滤的复选框，当选中office复选框时，所有具有如何使用javascript按类型删除gmap PIN,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我不熟悉javascript和谷歌地图api 3。我想通过过滤器（office、warehouse）过滤Gmap PIN，我已经添加了用于过滤的复选框，当选中office复选框时，所有具有类型的PIN都应该显示：“office”，并且在取消选中时应该隐藏。同样适用于仓库。我不知道如何编写filterBy（）函数。非常感谢你的帮助 index.html <body> <div> <div> <div id="map"><
类型的PIN都应该显示：“office”filterBy（）<body>
<div>
<div>
<div id="map"></div>
</div>
<div class="map-filter">
<form action="">
<ul>
<li>
<label>Offices</label>
<input type="checkbox" onclick="filterBy('office');"/>
</li>
<li>
<label>Warehouse</label>
<input type="checkbox" onclick="filterBy('warehouse');"/>
</li>
</ul>
</form>
</div>
</body>
-
办公室
-
仓库
var map;
$(document).ready(function(){
map = new GMaps({
el: '#map',
lat: -27.000000,
lng: 143.000000,
zoom: 6
});
map.addMarker({
lat: -27.5762924,
lng: 153.0896137,
icon: 'img/green-pin.png',
location: {
type: 'office'
},
infoWindow: {
content: "<h3>Office</h3>"
}
});
map.addMarker({
lat: -21.142665,
lng: 149.186568,
icon: 'img/red-pin.png',
location: {
type: 'warehouse'
},
infoWindow: {
content: "<h3>Warehouse</h3>"
}
});
});
var映射；
$（文档）.ready（函数（）{
map=新的gmap({
el:'地图'，
拉脱维亚：-27.000000，
液化天然气：143000000，
缩放：6
});
map.addMarker({
lat:-27.5762924，
液化天然气：153.0896137，
图标：“img/green pin.png”，
地点：{
类型：“办公室”
},
信息窗口：{
内容：“办公室”
}
});
map.addMarker({
纬度：-21.142665，
液化天然气：149.186568，
图标：“img/red pin.png”，
地点：{
类型：“仓库”
},
信息窗口：{
内容：“仓库”
}
});
});