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

javascript - 结合谷歌地图地理编码器和传单地图接收错误:无效的 LatLng 对象

我正在使用 Google Maps Geocoder 来获取地址的纬度和经度。然后,我使用该地址并使用 Leaflet 并将地图平移到纬度 + 经度坐标。但是,我收到来自 Firebug 的错误说Error: Invalid LatLng object: (-33.8674869, 151.20699020000006, undefined). 我知道我的变量geolocation返回-33.8674869, 151.20699020000006但不是未定义的。是什么导致了问题?

0 投票
5 回答
24147 浏览

gis - Leaflet.js 中的层排序

如何强制在 Leaflet 中添加到地图的新图层成为底图上的第一个图层?

我找不到一种轻松更改图层顺序的方法,这是一个非常基本的 GIS 功能。我错过了什么吗?

0 投票
2 回答
78 浏览

jquery - 不同的元素相同的事件(两个异步结果而不是一个)

当您需要处理具有相同事件的两个元素但在这种情况下它变得一团糟时,这是一个经典问题。我正在使用leaflet.js,但会使代码更通用

一个空的 var 声明:

第一个绑定事件:

第二个绑定事件(与上面的代码相同):

现在因为我认为它们在我第一次运行我的脚本时都是异步的,所以它们都同时运行并且它们创建了两个,尽/* make some divs based on markerslayer array */ ​​管我if一开始就有。

简而言之(我认为)正在发生的事情是:

  1. 我创建了一个空变量
  2. 他们异步运行,所以他们认为它是空的
  3. 他们创造了两个结果而不是一个
  4. 附加:当它们再次被触发时,每个只重置它自己的结果(就像有一个标记层和一个标记层_复制)。
0 投票
4 回答
13845 浏览

angularjs - angularjs 与 Leafletjs

以下directie代码来自http://jsfiddle.net/M6RPn/26/ 我想获得一个有很多经纬度的json提要。我可以很容易地在Angular中获得一个带有$resource或$http的json但是我该怎么做将其提供给该指令以在地图上映射事物?

0 投票
2 回答
9561 浏览

jquery - 传单不同的悬停和点击事件

我试图为鼠标悬停事件提供一个弹出窗口,而不是单击标记,并在它被单击时做一些其他的事情(例如 func)。

我不相信我的半成功代码会帮助您朝那个方向思考:

(我只是在点击事件上添加悬停)

[i] 只是代表一个循环


Leaflet 的 API: http: //leaflet.cloudmade.com/reference.html#map-openpopup

0 投票
2 回答
31417 浏览

javascript - 如何从地图外部与传单标记层进行交互?

我有一张传单地图,显示了从GeoJSON呈现的公共艺术作品的点。在地图旁边,我从相同的GeoJSON数据创建了一个片段列表,并希望能够单击地图外部列表中的一个项目,并在地图上显示相关标记的弹出窗口。

如何通过点击事件将项目列表链接到它们各自的标记?

我的 map.js 文件如下所示:

0 投票
4 回答
7441 浏览

leaflet - Leaflet & Mapbox:OpenPopup 不工作

我对传单 openPopup 方法有疑问。

当我点击一个标记时,我会打开弹出窗口。但是我想在加载地图时打开第一个弹出窗口。(并在单击标记时打开其他弹出窗口)

AnN 有什么想法吗?

0 投票
1 回答
3622 浏览

python - 如何在地图上实时按位置绘制推文,例如传单

我想知道将实时推文按位置绘制到地图应用程序(例如传单)上的最佳方法是什么。

目前,我正在通过流 api(过滤)获取推文并存储到 mongodb 中。我想知道如何才能最好地实现这一目标。我正在使用 python 和烧瓶框架。

因此,一条推文的信息被存储到数据库中,并同时实时绘制到地图上。

谢谢

0 投票
6 回答
28814 浏览

javascript - Leaflet 是非地图图像的好工具吗?

我正在编写一个涉及导航技术插图(平移、缩放、单击)的网络应用程序。我认为Cloudmade Leaflet是一个很好的工具,只是因为有人用它来制作 XKCD 1110 平移/缩放,我真的很喜欢它的结果。

显然,我需要平铺和缩放我的原始技术插图,但假设这是我已经解决的一个微不足道的问题。然而,看看Leaflet API,我似乎必须将我的技术插图(.ai、.svg 和 .png 文件)转换为 GeoJSON 等地理标准。这似乎是一个尴尬的提议。

任何人都可以推荐 Leaflet 或任何其他工具来导航非地图图像吗?

0 投票
1 回答
7961 浏览

maps - 在传单地图中添加额外的缩放级别

我使用传单创建带有我自己的瓷砖的照片地图,它按预期工作。

我试图弄清楚如何防止缩放遵循这种四叉树类型模式:

  • 缩放级别 0 - 整个地图宽度 = 256px;
  • 缩放级别 1 - 整个地图宽度 = 512px;
  • 缩放级别 2 - 整个地图宽度 = 1024 像素;
  • 等等...

我希望能够放大 25% 或 100px 的增量。

100px 增量的示例:

  • 缩放级别 0 - 整个地图宽度 = 200px;
  • 缩放级别 1 - 整个地图宽度 = 300px;
  • 缩放级别 2 - 整个地图宽度 = 400 像素;
  • 等等...

问题: 这样做的逻辑是什么?如果有可能?


我想要这样做的原因是为了让我的照片贴图(它不像法线贴图那样包裹)可以更快地响应并很好地适应用户的屏幕尺寸。

我演示了我的问题,可以在这里看到