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