Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从地图上的现有数据中删除标记_Javascript_Jquery_Postgresql_Maps_Leaflet - Fatal编程技术网

Javascript 如何从地图上的现有数据中删除标记

Javascript 如何从地图上的现有数据中删除标记,javascript,jquery,postgresql,maps,leaflet,Javascript,Jquery,Postgresql,Maps,Leaflet,我有一套用postgresql制作的餐厅数据,它们在地图上显示为带有信息的标记 现在,我想用一个按钮从地图上删除一个标记及其信息,或在标记信息中显示 我将感谢任何帮助。谢谢 html: 代码: 这应该很简单,因为将标记存储在数组中看起来变量标记就是为了这个目的而做的,即使它没有声明为与变量数组中具有相同索引的数组,因此,您可以在删除标记按钮/链接中记住此值,例如使用HTML5数据集或jQuery.data并相应地执行操作 演示: <button type="button" class="b

我有一套用postgresql制作的餐厅数据,它们在地图上显示为带有信息的标记

现在,我想用一个按钮从地图上删除一个标记及其信息,或在标记信息中显示

我将感谢任何帮助。谢谢

html:

代码:


这应该很简单,因为将标记存储在数组中看起来变量标记就是为了这个目的而做的,即使它没有声明为与变量数组中具有相同索引的数组,因此,您可以在删除标记按钮/链接中记住此值,例如使用HTML5数据集或jQuery.data并相应地执行操作

演示:

<button type="button" class="btn btn-danger" onclick="rest()">Restaurants</button>
var xmlhttp;
var variable;
var be;

var search_group = new L.LayerGroup(); 
var clickArr = new Array();

function rest()
{
  if (window.XMLHttpRequest)
  {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.open("GET","new.php",true);
  xmlhttp.send(); 

  map.addLayer(search_group);

  xmlhttp.onreadystatechange = function restaurant()
  {

    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        variable = jQuery.parseJSON(xmlhttp.responseText);
        for (var i in variable)
        {
            be = L.marker(new L.LatLng(parseFloat(variable[i].lat), parseFloat (variable[i].lon)),options={"id":variable[i].id});
            var container= $('<div />');
            container.html('<b>'+variable[i].name+'</b>'+'<br/>'
        +variable[i].street+'<br/>'
        +variable[i].zipcode+'<br/>'
        +variable[i].city+'<br/>'
        +variable[i].telephone+'<br/>'
        +'<a href=http://'+variable[i].website+'>' 
        +variable[i].website+'</a>');

            be.bindPopup(container[0]);   id="+variable[i].lat+"_"+variable[i].lon+">Remove Marker</a>")
            marker.push(be);    
            be.addTo(map);
        };
    };