leaflet 单个或者多个marker图标切换清除

原文地址 https://xiegaosheng.com/post/view?id=74

leaflet.js中清除marker图标，切换marker位置查看官方文档

单个marker点的位置切换直接使用

marker.setLatLng([ajaxarr[0], ajaxarr[1]]);

多个图标实时位置的切换需要先把图层清除，之前是直接是addTo(mymap)的清除不生效，查看官方文档可以使用

clearLayer();

window.onload = function () {var myLayerGroup = new L.LayerGroup();function ajaxdata(){$data = $('#forms').serialize();$i++;//mymap.removeLayer(myLayerGroup);myLayerGroup.clearLayers();$.ajax({type:'get',data:$data,dataType:'json',url:"<{:Url('Datepoint/ajaxpos')}>",success:function(data){/*var a1=ajaxarr;ajaxarr=[(data.y), data.x];$('#cnt').html($i);$('#posX1').html(data.x);//udp返回的x坐标$('#posY1').html(data.y);//udp返回的y坐标$('#floornames').html(data.floor_name);if(ajaxarr.length>0){marker.setLatLng([ajaxarr[0], ajaxarr[1]]);}*/if (data){list = eval(data);for ($j=0;$j<list.length;$j++){marker = L.marker([list[$j].x, list[$j].y],{icon:onicon}).bindTooltip(list[$j].serial,{ permanent: true,className:'iconsize',opacity:0.5}).openTooltip();myLayerGroup.addLayer(marker);mymap.addLayer(myLayerGroup);}}}})}
$('#btn').click(function(){var ints=self.setInterval(function () {ajaxdata()},1000);
})
}

leaflet 单个或者多个marker图标切换清除相关推荐

vue2中使用Leaflet实现单个或多个marker图标
vue2中使用Leaflet实现单个或多个marker图标初始化一个vue项目在 vue 中安装 Leaflet 在main.js中引入leaflet 加载一个简单的地图框架添加一个或多个Mar ...
高德地图 - 点击改变当前 marker 图标（marker点击切换 icon 上一个 icon 恢复原样）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Android之实现夸克浏览器书签和历史页面滑动时候右上角图标切换效果
1 需求实现夸克浏览器书签和历史页面滑动时候右上角图标切换效果,页面滑动的时候,图标也左右滑动,但是只是显示其中的一个 https://www.captainai.net/st/ 2 代码实现 xm ...
esc键退出全屏 vue_vue项目实现全屏,退出全屏，图标切换的解决方案
vue项目实现全屏,退出全屏,图标切换的解决方案 vue项目点击按钮实现全屏很容易,点击按钮退出全屏也很容易. fullScreen(){ var element=document.documentE ...
WPF 窗体最大化、最小化、还原 | WPF 最大化/最小化按钮图标切换
UI界面: <Window x:Class="Test.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2 ...
mapbox创建自定义marker图标绑定弹框展示信息
/*** 创建自定义marker图标绑定弹框*/let carMarker = [];//存放marker图标for(let m= 0;m<gpsInfoList.length;m++){let ...
短视频app怎么开发Android 登录页面（密码显示隐藏、EditText 图标切换、限制输入长度
密码显示与隐藏方法一 if(status){etPassword.setInputType(InputType.TYPE_CLASS_TEXT | EditorInfo.TYPE_TEXT_VARI ...
WIN7任务栏里面无用的图标如何清除
win7任务栏中"隐藏图标"中的"自定义,里面无用的图标如何清除.一些程序在运行时会自动在任务栏通知区域里显示图标,表示它正在执行,在Windows 7系统中,虽然可以定 ...
计算机内图标wps云盘怎么去掉,Win10资源管理器WPS云文档图标如何清除
如果用户在Windows10系统中安装了WPS办公软件的话,那么资源管理器中就会自动生成WPS云文档图标.一些用户觉得这样很占用空间,就希望该将其彻底删除.该如何操作呢?接下来,就随小编一起看看具体步 ...

leaflet 单个或者多个marker图标切换清除

leaflet 单个或者多个marker图标切换清除相关推荐

最新文章

热门文章