leaflet相关内容

从mapbox中的csv导入iconurl

我想将一些标记导入到mapbox地图上,其中csv文件定义要使用的图标的名称。 csv表如下所示: pID,qID,经度,纬度,方位,icon PID1,QID35,90.39210677,23.7756582,80.1120824,8,3,3.png PID1,QID40,90.39045721,23.77525565,216.2854365,22,6,6.png ..
发布时间:2017-02-26 17:36:57 Office

如何在单张地图上添加渐变?

我想在单张地图上添加一个渐变,它将从白色渐变为透明,并部分遮掩。 使用CSS作为背景的常规渐变,只有当地图重新加载时,才会显示渐变。所以我试着把梯度放在'前景'使用从这个问题接受的答案:在css中是否有相当于background-image的前景? 这仍然不起作用 - 在它的上面。任何人都可以想到一种方法来做到这一点?感谢。 #map-id { height ..
发布时间:2017-02-13 16:56:37 前端开发

如何将Leaflet贴图嵌入Reveal.js演示文稿?

我试图创建一个运行在Reveal.js之上的演示文稿,其中包括一个幻灯片中的Leaflet.js地图。我已经包括所有必要的Javascript& CSS文件到我的Reveal.js演示文稿,我可以使地图出现在幻灯片上。 但是,问题是:地图拼贴无法正确显示。而不是实际的地图砖,我看到的是灰色背景和一些水平的黑色线条。我可以放大/缩小和平移地图,黑线也相应地移动。 Javascript控制 ..
发布时间:2017-02-10 15:59:08 前端开发

Leaflet Mouseout调用MouseOver事件

我有一张活页动态添加标记的传单。 当我将鼠标悬停在标记上时,点击标记。 我的代码是: function makeMarker ){ var Marker = L.marker ... Marker.on('mouseover',function(){Marker.bindPopup('HI')。openPopup();}) Marker.on('mouseout' ..
发布时间:2017-02-09 15:02:24 前端开发

与模糊轮廓的单张多边形

这样可以让国家轮廓变得更简单(目前, 我正在考虑将CSS属性附加到类似于以下内容的svg: http://www.w3schools.com/svg/svg_fegaussianblur.asp 但显然是svg子元素 (用于小叶多边形)不接受此。 看看svg的 (参见这里: http://geoexamples.blogspot.be/2014/01/d3-ma ..
发布时间:2017-02-07 14:44:13 前端开发

在leaflet.js中自定义放大/缩小按钮

我尝试自订缩放控制(+/-),因此它应该会显示在右侧(如Google地图)( https:/ /www.google.com/maps/ ) 我尝试添加 float:right; 但它不工作。 从CSS文件: / * zoom control * / .leaflet-control-zoom-in, .leaflet-control-zoom-out { font ..
发布时间:2017-02-06 13:55:34 前端开发

如何使传单地图高度可变

在我的应用程序中,我将地图的div设置为 但是为了使我的地图响应我想让高度也100%,如果我使 height:100%那么它不工作。 如何使高度也可变像宽度, 演示: http://jsfiddle.net/CcYp6/ ..
发布时间:2017-02-06 13:27:22 前端开发

如何突出传单上的选定行?

我想要一个带有数字1,..,n的收存箱 当选择了收存箱中的项目时,相应的路线在地图上突出显示。 我已开始使用“传单”。 如何突出显示一行?我使用“重量”,但它更多的边界线。 这里是我的代码: document.onload = loadMap ; function loadMap(){var map = L.map('map')。setView([37.8,-96] ..
发布时间:2017-01-20 20:58:10 前端开发

Leaflet for R:如何更改默认CSS集群类

如何从Leaflet for R界面中更改定义集群对象的默认CSS类?例如,如果我想从.marker-cluster-small类中删除不透明度,我该如何在R?中执行此操作。 这里是创建集群类: https: //github.com/Leaflet/Leaflet.markercluster/blob/64a2d5711521e56cac8ab863fb658beda5690600/dis ..
发布时间:2017-01-20 18:27:57 前端开发

在单张中为标记指定ID

因此,我尝试在foursquare上实现结果: https://foursquare.com/探索?cat = drinks& mode = url& near = Paris ,当你点击地图上的标记时,它会滚动屏幕右侧的餐厅列表到ad hoc餐厅,并通过CSS突出显示它。相反,当您点击列表中的餐厅时,它会在地图上突出显示。 我使用skobbler /传单。我想我可以通过修改动态CSS,如下 ..
发布时间:2017-01-20 00:21:34 前端开发

单张地图在标签面板内无法正确显示

我尝试使用Leaflet.js在Twitter Bootstrap的标签面板内显示地图,但是表现得很奇怪: 当我点击在包含面板的选项卡上,在地图顶部有一个灰色层。如果我拖动和移动地图,我看到其他瓷砖,但不是最初的。 更奇怪的是,如果我调整浏览器的大小,突然它工作完美,直到我重新加载,所以我猜猜是css的一个问题,但我找不到问题。 此外,将地图放置在选项卡面板外非常棒。 我在 ..
发布时间:2017-01-19 03:35:46 前端开发

Leaftlet on Ionic选项卡应用程序只显示第一个磁贴

我有一个Ionic Tabs应用程序(我在Visual Studio 2015上使用Cordova模板),在第二个选项卡上有一个Leaflet贴图。在第一个标签上,我有一些搜索参数用于POI,我想在地图上显示标记。一切都很好,包括地图显示所有的瓷砖,直到我开始与第一个选项卡上的控件交互。具体来说,当我进入一个输入控制,软键盘出现,如果我然后去第二个选项卡,地图只显示第一个瓦片。如果我放大或缩小,地 ..
发布时间:2017-01-09 14:16:55 前端开发

Leaflet.js:如何从地图中删除多个图层

我使用Leaflet.js作为地图。现在,我想从地图中删除添加的图层。通过点击输入#button,所有选中的复选框应改为未选中,所有相应的图层都应从地图中删除。 要从地图中删除图层,需要该层。此ID等于相应复选框的ID。这就是为什么我使用jQuery获取所有选中的复选框的ID,并将它们的值存储在对象中,这里称为 someObj.idsChecked 。 当我尝试使用存储的值 val 删 ..
发布时间:2016-11-21 13:00:48 前端开发

AJAX调用从ASP.NET MVC控制器得到GeoJSON的数据

使用ASP.NET MVC 3用C#我有一个网页,以显示地图上,我要添加包括几个纬度和经度坐标折线。随着宣传册 JavaScript库,你可以添加以GeoJSON 层。我想获得的经度和纬度,从C#中的数据库协调和坐标表传递到JavaScript来创建以GeoJSON 或以GeoJSON 下面是我希望创建的以GeoJSON的例子: VAR折线= { “类型”:“功能”, ..
发布时间:2016-06-22 11:59:19 ASP .NET

如何找到最接近的标记leaflet.js

我不知道是否确实是有一些方法来找到使用leaflet.js靠近我的位置标记。第一个想到要来我的头是存储纬度和经度我的立场,然后遍历的纬度和经度标志放置在数组中的排序,然后该数组的数组。我不知道这是否是一个很好的选择,因为如果你在地图上百万的标记是要需要一段时间。 伪code VAR myLatLng = [34,56]。 变种标记= [[20,30],[10,20],[12,-100],[5 ..
发布时间:2016-06-02 22:38:47 前端开发