问题标签 [leaflet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
14859 浏览

ajax - 使用 AJAX 调用将 GeoJSON 数据拉入 Leaflet

因此,我正在尝试使用 Leaflet 发布 MapBox 地图,并希望通过 AJAX 调用从外部数据源添加一些标记。具体来说,我正在用这个数据集绘制出纽约市的所有 wifi 热点。我看到它说我可以在 JSON 中下载 wifi 位置,但我仍在尝试自学如何编码并且不知道从那里做什么。

这是 MapBox 提供的使用站点目录上托管的 .js 的示例。如果我改为进行 AJAX 调用会是什么样子?

0 投票
1 回答
3324 浏览

javascript - 传单:动态 div 容器

我正在尝试使用 Leaflet 创建一个小示例并将其用于我的网络应用程序,但是我遇到了一些困难。

我已经从他们页面的快速入门指南中制作了一个独立的 Leaflet 示例,它有一个静态地图 div 并覆盖了一些对象(markercirclepolygon。但是在我的应用程序中,地图 div 容器是使用 jquery 动态定位和调整大小的,它是一个非常复杂的应用程序,所以我不能在这里发布整个代码。

问题是,在正确处理 div 后,地图在 div 中正确绘制(无论它在哪里),但是在覆盖层中我只能看到marker. 和circlepolygon可见。

我相信我创建地图和对象的方式没有任何问题,我什至map.invalidateSize()在整个调整 div 大小后调用。奇怪的是弹出窗口显示在正确的位置,但后面没有圆圈。

问题可能出在我调整 div 容器大小和位置的方式上吗?CSS我应该在 div 容器中使用任何特定属性吗?

感谢所有的帮助。

0 投票
1 回答
997 浏览

javascript - 地理位置无法返回确认?

我正在寻找一种从另一个功能触发用户地理定位导航器功能的方法mapInit()。它几乎可以工作,但我无法正确回调getCurrentPosition()以确认它运行良好..它每次都返回未定义。

我的地理定位对象必须完成其他任务,所以我不希望它触发mapInit()。它应该必须获取用户位置,记录并返回truefalse..有什么猜测吗?

谢谢 :)

0 投票
3 回答
11374 浏览

javascript - 传单:圈子的行为与 CircleMarker 不同

在此处的 Leaflet 文档中:http ://leafletjs.com/reference-1.2.0.html#circlemarker 它说 CircleMaker 扩展了 Circle,并且它是同一件事,除了半径以像素而不是米为单位指定,这样即使您缩放地图,圆圈的大小也会保持不变。

但是我确实需要 Circles,因为我正在尝试在地图上绘制 100m 半径的圆圈。为此,我使用以下代码:

但是,如果我将代码更改为使用“Circle”而不是 CircleMaker,这将完美地工作,整个地图将无法加载,并且我收到一个 javascript 错误:

我可以通过预先过滤geojson来删除那些既缺乏纬度又缺乏经度的点来解决这个问题,但我很困惑:Circle和CircleMaker都指定它们将LatLng对象作为中心点的规范,我不'不知道某个 LatLng 对象如何作为 CircleMarker 的中心点有效,但如果用作 Circle 的中心点则无效。

我是否忽略了一些明显的东西,或者这只是传单中的一个弱点和/或错误,我只需要解决?

0 投票
1 回答
2292 浏览

javascript - 传单问题:使多段线的图层组不可点击

我在我的图层组中制作折线时遇到问题...正如您在下面的代码中看到的那样,我使用传单的内置功能来遍历图层组(route.eachLayer),并尝试添加样式“可点击” : false' 但这似乎没有任何作用......

当我尝试使用这段代码时,它似乎什么都没有改变(虽然它确实进入了循环),或者至少,它没有改变我想要的......

我想要的是折线的类'.leaflet-clickable'被删除......这似乎没有发生。当您将样式更改为不可点击或我的循环有问题时,此类不会改变吗?

0 投票
3 回答
33886 浏览

javascript - 如何将要在地图上显示的文本添加到传单中的 geojson 对象

所以我在传单中有一个 geojson 图层,我可以将 geojson 对象添加到该图层以显示在结果地图上。

现在我想添加一个文本标签以显示在对象附近。

此示例显示使用自定义L.control()对象在地图上显示附加信息。这似乎接近我想做的事情。

鉴于此示例,我想在每个状态上添加状态初始文本标签(即“TX”、“FL”)。可以L.control()用来做这个,还是有别的方法?

http://leaflet.cloudmade.com/examples/choropleth.html

0 投票
1 回答
583 浏览

javascript - 传单正在脚本标签内加载 html

在本地服务器上使用leaflet.js 库时,我发现了这种非常奇怪的情况:

编码:

很好,但没有“加载”。在使用 Firebug 检查 FF 时,我发现整个 'html' 都插入到脚本标签内(第 7 行)。即整个htm 和传单代码都在里面,控制台返回(显然)一个语法错误。

从 Github 下载传单并尝试将其放在我的目录结构中的所有类型,但没有结果。

此外,使用以下方法从他们的服务器加载传单库:

到目前为止效果很好。

我错过了什么?

0 投票
4 回答
1252 浏览

jquery - jQuery on() 委托事件和 Leaflet.js

我在一个项目中使用 Leaflet.js,我想用 jQuery on() 绑定我的标记上的事件。

我测试了类似的东西:

但什么也没发生。

另一方面,当我直接绑定事件时它可以工作:

我在页面的另一个 div 上测试了 jQuery.on():

这个工作正常。

有什么线索吗?

0 投票
1 回答
908 浏览

jquery-mobile - jQuery 移动链接过渡到传单地图

我有一个使用 jQuery Mobile 的网站,其中一个页面显示了一张使用 Cloudmade 的 Leaflet 的地图。

此页面加载并显示带有标记的地图,这一切都很好,但是......

我有另一个页面,其中包含指向地图页面的链接,然后加载正常,除了它似乎试图从错误的位置获取标记图像文件。

谁能告诉我更多关于该页面上出了什么问题?

这是我所知道的。jQuery Mobile 会重写普通的 A HREF 链接来代替目标页面的 ajax 动态加载。这对我来说是神秘而深不可测的,但像我这样的开发人员大多不需要关心它,对吧?但是,在这种情况下,传单调用代码的某些内容无法在修改中幸存下来。

...是 safari 报告的错误。的确,这条路是不正确的。我设置了传单,将“dist”目录的内容放在一个名为“传单”的目录中。应该管用?事实上,它确实在 jQuery 修改之后起作用。

稍作调查,我发现传单源代码中没有提到“dist”(正如我所期望的那样。我应该可以肯定地调用该目录?)但是参考确实被编译成丑陋的javascript(' return"../../dist/"' )

也许有人有一个 jQuery Mobile 和传单一起工作的例子(理想情况下包括标记图像)

0 投票
1 回答
1101 浏览

ember.js - Ember.js + Leaflet + rails(使用 Javascript MVC 创建一个 rails 应用程序并打开源地图)

我是 Rails 新手(6 个月有几个应用程序)。我也是 Javascript 新手。我现在自学了 Rails 我自学了一个 Javascript 框架。我已经分析了所有框架并决定学习“ember.js”。

我还需要在我的应用程序中使用地图库。我过去使用过谷歌地图,但由于谷歌的许可和其他问题,这不再是一种选择。

所以我决定使用传单。

现在从新手的角度来看,我很想知道传单和 ember.js 库之间是否存在任何冲突。他们会好好相处吗?

在我投入时间和精力之前,在将两者结合起来时,我应该注意哪些警告。另一个 Javascript MVC 库会更好吗?

是否有任何带有rails、ember 和leaflet 的链接教程?(我用谷歌搜索了这个词,找不到)

任何让我开始的帮助都会很棒,非常感谢