leaflet相关内容
我想将一些标记导入到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
..
我想在单张地图上添加一个渐变,它将从白色渐变为透明,并部分遮掩。 使用CSS作为背景的常规渐变,只有当地图重新加载时,才会显示渐变。所以我试着把梯度放在'前景'使用从这个问题接受的答案:在css中是否有相当于background-image的前景? 这仍然不起作用 - 在它的上面。任何人都可以想到一种方法来做到这一点?感谢。 #map-id { height
..
我试图创建一个运行在Reveal.js之上的演示文稿,其中包括一个幻灯片中的Leaflet.js地图。我已经包括所有必要的Javascript& CSS文件到我的Reveal.js演示文稿,我可以使地图出现在幻灯片上。 但是,问题是:地图拼贴无法正确显示。而不是实际的地图砖,我看到的是灰色背景和一些水平的黑色线条。我可以放大/缩小和平移地图,黑线也相应地移动。 Javascript控制
..
我有一张活页动态添加标记的传单。 当我将鼠标悬停在标记上时,点击标记。 我的代码是: function makeMarker ){ var Marker = L.marker ... Marker.on('mouseover',function(){Marker.bindPopup('HI')。openPopup();}) Marker.on('mouseout'
..
这样可以让国家轮廓变得更简单(目前, 我正在考虑将CSS属性附加到类似于以下内容的svg: http://www.w3schools.com/svg/svg_fegaussianblur.asp 但显然是svg子元素 (用于小叶多边形)不接受此。 看看svg的 (参见这里: http://geoexamples.blogspot.be/2014/01/d3-ma
..
我尝试自订缩放控制(+/-),因此它应该会显示在右侧(如Google地图)( https:/ /www.google.com/maps/ ) 我尝试添加 float:right; 但它不工作。 从CSS文件: / * zoom control * / .leaflet-control-zoom-in, .leaflet-control-zoom-out { font
..
在我的应用程序中,我将地图的div设置为
但是为了使我的地图响应我想让高度也100%,如果我使 height:100%那么它不工作。 如何使高度也可变像宽度, 演示: http://jsfiddle.net/CcYp6/
..
所以,我试图使用 webpack 和小册子构建一个地图应用程序。我可以从我的 map.js 文件中需要 leaflet.js ,但是我不能调用leaflet.css一个错误。 我当前的 webpack.config.js 看起来像: 'use strict' var webpack = require('webpack'), path = require('path' Ht
..
我想要一个带有数字1,..,n的收存箱 当选择了收存箱中的项目时,相应的路线在地图上突出显示。 我已开始使用“传单”。 如何突出显示一行?我使用“重量”,但它更多的边界线。 这里是我的代码: document.onload = loadMap ; function loadMap(){var map = L.map('map')。setView([37.8,-96]
..
如何从Leaflet for R界面中更改定义集群对象的默认CSS类?例如,如果我想从.marker-cluster-small类中删除不透明度,我该如何在R?中执行此操作。 这里是创建集群类: https: //github.com/Leaflet/Leaflet.markercluster/blob/64a2d5711521e56cac8ab863fb658beda5690600/dis
..
因此,我尝试在foursquare上实现结果: https://foursquare.com/探索?cat = drinks& mode = url& near = Paris ,当你点击地图上的标记时,它会滚动屏幕右侧的餐厅列表到ad hoc餐厅,并通过CSS突出显示它。相反,当您点击列表中的餐厅时,它会在地图上突出显示。 我使用skobbler /传单。我想我可以通过修改动态CSS,如下
..
我尝试使用Leaflet.js在Twitter Bootstrap的标签面板内显示地图,但是表现得很奇怪: 当我点击在包含面板的选项卡上,在地图顶部有一个灰色层。如果我拖动和移动地图,我看到其他瓷砖,但不是最初的。 更奇怪的是,如果我调整浏览器的大小,突然它工作完美,直到我重新加载,所以我猜猜是css的一个问题,但我找不到问题。 此外,将地图放置在选项卡面板外非常棒。 我在
..
我使用leaflet-image.js从传单地图创建图像。用于创建图片的代码是示例中的代码,位于 https://github.com/mapbox/ leaflet-image ie var map = L.mapbox.map('map','YOUR.MAPID' ).setView([38.9,-77.03],14); leafletImage(map,function(err,
..
我有一个Ionic Tabs应用程序(我在Visual Studio 2015上使用Cordova模板),在第二个选项卡上有一个Leaflet贴图。在第一个标签上,我有一些搜索参数用于POI,我想在地图上显示标记。一切都很好,包括地图显示所有的瓷砖,直到我开始与第一个选项卡上的控件交互。具体来说,当我进入一个输入控制,软键盘出现,如果我然后去第二个选项卡,地图只显示第一个瓦片。如果我放大或缩小,地
..
我使用Leaflet.js作为地图。现在,我想从地图中删除添加的图层。通过点击输入#button,所有选中的复选框应改为未选中,所有相应的图层都应从地图中删除。 要从地图中删除图层,需要该层。此ID等于相应复选框的ID。这就是为什么我使用jQuery获取所有选中的复选框的ID,并将它们的值存储在对象中,这里称为 someObj.idsChecked 。 当我尝试使用存储的值 val 删
..
使用ASP.NET MVC 3用C#我有一个网页,以显示地图上,我要添加包括几个纬度和经度坐标折线。随着宣传册 JavaScript库,你可以添加以GeoJSON 层。我想获得的经度和纬度,从C#中的数据库协调和坐标表传递到JavaScript来创建以GeoJSON 或以GeoJSON 下面是我希望创建的以GeoJSON的例子: VAR折线= { “类型”:“功能”,
..
我不知道是否确实是有一些方法来找到使用leaflet.js靠近我的位置标记。第一个想到要来我的头是存储纬度和经度我的立场,然后遍历的纬度和经度标志放置在数组中的排序,然后该数组的数组。我不知道这是否是一个很好的选择,因为如果你在地图上百万的标记是要需要一段时间。 伪code VAR myLatLng = [34,56]。 变种标记= [[20,30],[10,20],[12,-100],[5
..
我想使用循环以GeoJSON图层添加到一个数组,然后向他们展示我的地图。 我的目标是有一个这样的变量:scenario_json [1] = layer1的,scenario_json [2] = 2层,等等... myURL = [ \"http://localhost:8080/geoserver/jonquiere_local/ows?service=WFS&version=1
..
所以我尽量为leaflet.js创建指令,当我使用工厂里面的指令,一切都运行得很好。 (函数(){ “使用严格的”; 角 .module('directoryAppMap') .directive('leafletDirective',函数(目录){ 返回{ 限制:“EA”, 模板:'< DIV>&
..
基于单张及AngularJS 我的地图没有正确加载。我不知道这是怎么回事,但地图瓦片没有布局,因为他们应该的。 这是基本图: 这是我的code: 函数setMapPosition(){ $ scope.center = { 纬度:51.505, LNG:-0.09, 变焦:8
..