问题标签 [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 投票
3 回答
12110 浏览

jquery - 传单地图未正确加载

我在我的网络服务中使用leaflet地图,但它没有正确加载。底部实际上没有加载。

如何解决?我只是使用这段代码:

0 投票
6 回答
98793 浏览

google-maps-api-3 - 带有 Google 卫星层的传单地图 API

我对Leaflet Map API非常感兴趣。

但是,我需要能够使用 Google 卫星层。我找不到有关如何将 Google Satellite Layer 添加到 Leaflet 的示例。我知道我仍然需要加载 Google Maps API 来执行此操作(OpenLayers 有一个示例)。

0 投票
2 回答
2931 浏览

javascript - 将 openPopup() 与 Leaflet.js + 聚类一起使用

一段时间以来,我一直在使用出色的 OpenStreetMap 映射库leaflet.js,而我刚刚开始实现这个集群插件。我已经让它在当前项目中正常工作,它将不同的图层加载到地图上并加载到可点击的侧边栏中。

唯一的问题是,如果我单击侧边栏项目并且相应的标记位于聚类对象中,则会出现错误。我通过检查错误(使用try/catch)和缩放来解决这个问题,因此图层如下所示:

唯一的问题是我在缩放后尝试运行 openPopup() 方法时遇到了同样的错误,但是,如果我再次单击侧边栏,弹出窗口显示正常。你可以在这里看到它的实际效果:

http://www2.lichfielddc.gov.uk/myarea/map2.php

有任何想法吗?

0 投票
1 回答
8348 浏览

javascript - 如何更新传单弹出窗口中的内容?

我正在使用带有Leaflet的Wax。我正在设置美国地图,使用传单的 L.GeoJSON 用 GeoJSON 绘制州边界。

我能够在地图加载期间设置所有内容,但我需要能够在绘制地图后调整弹出窗口中的内容。这是我正在做的精简版:

现在,一切都很好,弹出窗口有很好的内容,但是我想稍后对其进行更改,并且无法引用它。我在源代码中看到 bindPopup() 返回“this”,我认为它是 L.Popup 对象,但最终得到了其他东西。因此,例如,以下代码将更新活动弹出窗口,而不是我试图获取的特定 L.Path 对象(状态)的特定弹出窗口。

用 firebug 挖掘 DOM,我还可以看到弹出内容设置在一个内部变量中,我可以对其进行更新。但是,更新它不会更新 HTML,而且我无法发现 Alaska 的密钥为 52。 _layers[52] 也没有我希望的 setContent() 方法,如果它是 L .Popup 对象。

所以,我有点卡住了,找不到我需要的东西。在初始渲染后,我有什么方法可以参考和更新地图上特定弹出窗口的内容?

0 投票
2 回答
12257 浏览

javascript - 传单 js:将 POI 绘制为画布

我想用 Leaflet 绘制许多地理点。因此我想使用 HTML5 画布来提高性能。我的数据源是geoJSON。正如我在 Leaflet 的文档中看到的那样,尚无法将地理位置绘制为画布。

我想我应该在这里联系:

pointToLayer: 函数 (latlng) { }

有人知道如何将我的 latlng 对象绘制为画布吗?

0 投票
1 回答
945 浏览

maps - 拖动多边形叠加 - 传单开源地图 API

我正在使用开源地图在地图上创建一个 Web 应用程序。我必须创建一个可以拖动到地图上任何位置的多边形叠加层。我为此检查了 Leaflet API,但找不到任何内容。任何帮助表示赞赏。谢谢。

0 投票
11 回答
198324 浏览

jquery - 传单 - 如何找到现有的标记,并删除标记?

我已经开始使用传单作为开源地图, http: //leaflet.cloudmade.com/

以下 jQuery 代码将启用在地图点击时在地图上创建标记:

但目前我(在我的代码中)无法删除现有标记,或者找到我在地图上创建的所有标记并将它们放入数组中。谁能帮我理解如何做到这一点?传单文档可在此处获得:http: //leaflet.cloudmade.com/reference.html

0 投票
0 回答
1094 浏览

javascript - Leaflet JS 标记不会在 Android WebView 中触发“点击/单击”事件。

Leaflet JS 标记不会在 Android WebView 中触发“点击/单击”事件。我已经在 Android 2.x -> 4.0 中测试过它?我正在使用 mapbox + 蜡 + 传单 JS。有没有人有这个工作?谢谢!!

0 投票
2 回答
13488 浏览

maps - 有没有办法根据缩放级别更改图标图像?(传单.js)

我正在为 Web 应用程序制作区域绘图工具,并且我正在使用标记作为锚点,用户可以使用它来更改多边形的形状。

这就是我到目前为止所拥有的。http://demos.nodeline.com/leaflet_development/

回购位于https://github.com/SpencerCooley/Leaflet_development

当用户放大到街道水平时,我只希望标记为正常大小。当您缩小正常大小的标记时,会完全淹没多边形。我浏览了文档,但找不到任何关于此的内容。

我主要是在寻找建议/头脑风暴。我在想也许有一种方法可以检测您当前处于哪种缩放状态?如果是这样,我可以使用 if 语句来更改图标。

0 投票
1 回答
5515 浏览

jquery - Leaflet 和 jQuery Mobile - 调整大小问题

目前在让 jQuery Mobile 和 Leaflet 一起玩时遇到问题。我似乎无法让传单在“pageinit”上调整地图的大小,而是在左上角的一个小框中弹出。

缩放级别也不正确。我已经尝试设置超时和 invaidateSize 方法,但我仍然遇到问题。我也在使用固定的页眉和页脚,控件被它们挡住了视线。这是页面的代码

谢谢你提供的所有帮助。我也遇到了在错误页面上加载 JSON 并且 pageinit 事件被触发两次的问题,但那是另一个问题!

肖恩