问题标签 [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 回答
1630 浏览

jquery - 将点击功能添加到传单点

使用以下代码使用 Leaflet 将 json 点添加到地图。

我想添加功能,以便单击该点会弹出一个弹出窗口,其中包含来自 geojson 文件的更多信息。这是如何实现的?

0 投票
1 回答
5119 浏览

leaflet - Leaflet Map 元素位于 DOM 中但不渲染?

Leaflet 正在渲染,因为我可以在 DOM 中看到它的所有元素,但没有其他任何东西出现。我看到的都是灰色的。

我可以让地图图块出现的唯一方法是如果我删除地图容器上的位置:绝对,但这会创建一堆混乱的地图图块。我检查了 GIT 历史,看看我是否不小心更改了样式,但没有运气。

这是初始化地图的代码:

该环境包括 jQuery 移动。不幸的是,控制台没有记录任何错误,并且当我检查它时,上面的 localStorage 确实保存了有效的 LatLng 值。

截图: 截屏

有什么猜测吗?

0 投票
1 回答
23264 浏览

javascript - 如何使用leaflet.js 中的.off() 事件方法?

我正在尝试使用 Leaflet.js 构建地图应用程序,但我不知道如何使用 .off 方法。该文档没有任何示例,我似乎在网上其他任何地方都找不到任何东西。我已将问题提炼成更简单的代码块,这样我的问题就可以更清楚了。

基本上我已经设置好了,当你点击“启用点击”链接时,它会添加一个事件监听器,每次你点击它时都会向地图添加一个标记。当您单击“禁用单击”时,我想删除该事件侦听器。

这是演示的链接

这是我现在拥有的代码。

我已经尝试了很多不同的东西,所以整个“this.disableClick”只是我尝试过的最新奇怪的东西。有人有线索吗?

0 投票
2 回答
8381 浏览

leaflet - Leaflet层的定义

传单映射库中的a 到底layer代表什么?

从概念上讲,对我来说,一层代表某种类型的特征或对象的单层;例如,表示基本地图的所有图像瓦片将在单个图层上表示,一组表示美国各州的多边形可能在它们自己的单独图层上。

具体L.GeoJSON.addGeoJSON(geojson)来看,它读取创建的每个新多边形都放置在它自己的图层中(然后可能与您调用该方法的图层合并?)。我的用例是我需要一次添加许多 geoJSON 对象,并希望确保我不会创建许多不必要的层(或者如果我是,如果这实际上是一件坏事)。

谢谢你。

0 投票
1 回答
991 浏览

jquery - 将 json 数据从 python (bottle.py) 传递到小册子的 javascript 库以显示在滑图上

我正在做我认为是一个简单的副项目。事实证明,我有点脱离了我的舒适区,因为我对 python 一无所知(我使用的是 PHP)。我正在尝试创建一个显示一组兴趣点的滑动地图(使用 cloudemade 的传单)。我有一个包含 POI 名称、纬度和经度的 CSV 文件。

到目前为止,我能够读取 CSV 数据并将其转换为 JSON 数据,并使用 bottle.py 在网页中显示 JSON 数据的转储。

我的问题是如何通过 jquery 将 bottle.py 的 JSON 数据传递给传单的 javascript 库?

克里斯

0 投票
3 回答
41139 浏览

javascript - 如何使用传单定位定位用户?

我正在尝试找到一个用户并使用传单将地图设置到这个位置:

在执行浏览器请求许可,但没有任何反应?我的代码有什么问题?

0 投票
1 回答
19036 浏览

javascript - 在传单弹出窗口中显示图像

我正在尝试使用 wunderground 的 api、Leaflet 和 Cloudmade 让天气图标显示在地图标记中。我已经显示了文本和带有图标图像的变量,但我不确定如何显示它。这是我的代码:

我试过这个没有成功:

有什么建议么?

0 投票
2 回答
3124 浏览

javascript - 在 Leaflet.js 或非 Google 地图库中使用 Fusion Tables 磁贴?

我喜欢 Google Fusion Tables 可以有效地在地图上显示数千个标记的事实。

我的问题:在以下任一情况下,是否可以(在技术上和法律上)在 OpenStreetMap 地图图块上显示Fusion Tables 图层:

  1. Leaflet.js与 OSM 切片和 Fusion Tables 层一起使用。我不确定这在技术上是否可行,更不用说在法律上。
  2. 将 Google Maps API 与Fusion Tables 图层OpenStreetMap图块一起使用。从技术上讲,这显然是可能的,但我不确定 Fusion Tables 结果是否必须显示在谷歌地图图块上(就像谷歌地理编码器结果一样)。

我在服务条款中看不到任何明确排除非 Google 地图图块的内容。我的首选选项是 Leaflet,但我不知道是否有办法使用 Leaflet 调用 Fusion Tables 图层。

注意:我不是在谈论对 Fusion Tables 进行 JSON 查询和渲染单个标记,我特别是在谈论可以让您显示数千个标记而无需单独渲染它们的图块层。

谢谢你的帮助!

0 投票
1 回答
415 浏览

ssl - 是否可以在 SSL 网站上使用 Mapstraction

我进行了很多搜索,但似乎您无法在 SSL 网站上使用 Mapstraction。有没有人能够做到这一点,或者 Leaflet/OpenLayers 是使用 SSL tile 提供程序的最佳选择。

提前致谢

0 投票
1 回答
808 浏览

javascript - 多边形填充不明显?

如果我用 points: 创建一个多边形层[{"lat":51.509,"lng":-0.08},{"lat":51.503,"lng":-0.06},{"lat":51.51,"lng":-0.047},{"lat":"51.500","lng":"-0.039"}],我会得到如下渲染的东西:

在此处输入图像描述

这不是我所需要的。我也在添加/删除点,并且看不到从多边形中删除相交线的方法,基本上创建了一个填充形状。有人做过吗?我还注意到谷歌地图也有同样的问题。如果真的只是带阴影的折线,那么真正的“多边形”又有什么意义?!

文档: http: //leaflet.cloudmade.com/reference.html#polygon

使用一个简单的多边形,我仍然得到这个,理想情况下,所有最外面的坐标都是填充的边缘。:在此处输入图像描述