Php 使用谷歌地图和复选框进行过滤
我需要帮助: 当用户单击输入checbox时,我必须创建一个显示标记的地图 例如: 我点击“hotels”,我只看到酒店。 我不再点击酒店,地图上的标记消失了 守则:Php 使用谷歌地图和复选框进行过滤,php,javascript,google-maps-api-3,Php,Javascript,Google Maps Api 3,我需要帮助: 当用户单击输入checbox时,我必须创建一个显示标记的地图 例如: 我点击“hotels”,我只看到酒店。 我不再点击酒店,地图上的标记消失了 守则: <script type="text/javascript"> (function() { window.onload = function(){ var latlng = new google.maps.LatLng(37.8530665, 15.287916300000006); var options
<script type="text/javascript">
(function() {
window.onload = function(){
var latlng = new google.maps.LatLng(37.8530665, 15.287916300000006);
var options = {
zoom: 14,
center: latlng,
backgroundColor: '#fff',
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), options);
var markers = new Array();
$(".chek").click(function() {
if($(this).is(':checked')) {
var id_checkbox = $(this).val();
$.post("ajax.php?page=mapHome",{ id_checkbox:id_checkbox }, function(data) {
for (i=0; i < data.marker.length; i++) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(data.marker[i].latitude, data.marker[i].longitude),
animation: google.maps.Animation.DROP,
map: map,
title: data.marker[i].nome,
icon: data.marker[i].marker
});
markers[i] = marker;
markers[i].id_cat = data.marker[i].id_cat;
}// for
},"json");//json
} else {
//hide markers on the map
for (i = 0; i < markers.length; i++) {
if(id_checkbox == markers[i].id_cat) {
markers[i].setMap(null);
}
}
}
});
}
})();
</script>
(功能(){
window.onload=函数(){
var latlng=新的google.maps.latlng(37.8530665,15.287916300006);
变量选项={
缩放:14,
中心:拉特林,
背景颜色:“#fff”,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById('map_canvas'),选项);
var markers=新数组();
$(“.chek”)。单击(函数(){
如果($(this).is(':checked')){
var id_checkbox=$(this.val();
$.post(“ajax.php?page=mapHome”,{id_checkbox:id_checkbox},函数(数据){
对于(i=0;i
我通过json进行查询并显示结果。我看到setMap(null)代码>但无setMap(map)代码>