如果标记值已在数据库中生成，如何在地图中隐藏标记值 - How to hide marker value in map if the markers value has been generated in the database

How to hide marker value in map if the markers value has been generated in the database

本文关键字：地图隐藏数据库如果 | 更新日期: 2023-09-27

获取名称字段等于"VAWC"的位置和其他信息的代码：

<?php 
$db = new PDO('mysql:host=localhost;dbname=poi', 'root', ''); 
$sql = "SELECT name,user_date,user_time,address,lat,lng,icon_name FROM tblmarker where name = 'VAWC'"; 
$rs = $db->query($sql); 
if (!$rs) { 
    echo "An SQL error occured.'n"; 
    exit; 
} 
$rows = array(); 
while($r = $rs->fetch(PDO::FETCH_ASSOC)) { 
    $rows[] = $r; 
    $name[] = $r['name'];
    $user_date[] = $r['user_date'];
    $user_time[] = $r['user_time'];
    $address[] = $r['address'];
    $icon_name[] = $r['icon_name'];
} 
print json_encode($rows); 
$db = NULL; 
?>

获取数据并生成标记的 Ajax 请求：

var vawc = L.icon({
    iconUrl: '../legends/7.gif',
        iconSize:     [50, 50], // size of the icon
    iconAnchor:   [23, 50], // point of the icon which will correspond to marker's location
    popupAnchor:  [3, -50] // point from which the popup should open relative to the iconAnchor
});
function getInfo6() { 
    $.getJSON("datalegends/vawc.php", function (data) { 
      for (var e = 0; e < data.length; e++) { 
        var location6 = new L.LatLng(data[e].lat, data[e].lng); 
        var marker6 = new L.Marker(location6,{icon:vawc}); 
           marker6.bindPopup(
              data[e].name + "<br>" + 
               data[e].user_date + "<br>" + 
               data[e].user_time + "<br>" + 
               data[e].address + "<br>"
           ).addTo(map);
           marker6.on('click', function(e) { // HERE YOU GO
                var vawc = marker6.getLatLng();
document.querySelector('#userLat1').value = vawc.lat;
document.querySelector('#userLng1').value = vawc.lng;
           });
         } 
    }); 
  }

在页面加载时生成标记的代码：

<body onload="javascript:start();">
<font face="century gothic" color="black" size="2px">
<script>
function start() {
    getInfo();
    getInfo1();
    getInfo2();
    getInfo3();
    getInfo4();
    getInfo5();
    getInfo6();
}
</script>

我的问题是如何使用此代码在地图中隐藏该标记

<li><input style="width:18px;height:18px;" type="checkbox" checked="True">&nbsp&nbsp Arson</li></br>

简单的问题 - 如果我选中它，标记将显示，如果我取消选中它，标记将隐藏。

我不知道该怎么做，因为它来自数据库。

您可以将

属于一组的标记放在一起：

// Create group and add to map
var group = new L.LayerGroup().addTo(map);
$.getJSON('markers.json', function (data) {
    for (var i = 0; i < data.length; i++) { 
        var location = new L.LatLng(data[i].lat, data[i].lng); 
        var marker = new L.Marker(location);
        // Add marker to group
        group.addLayer(marker);
    }
});

在输入上放置一个 onchange 处理程序：

<input type="checkbox" onchange="toggleGroup(this)" checked>Toggle group</li>

然后添加一个函数来处理 onchange 事件：

function toggleGroup (e) {
    // Is checked
    if (e.checked) {
        // Add group to map
        map.addLayer(group);
    // Isn't checked
    } else {
        // Remove group from map
        map.removeLayer(group);
    }
}

以下是Plunker上的一个工作示例：http://plnkr.co/edit/cSUVCW?p=preview