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

javascript - 传单地图未在选项卡式面板内正确显示

我正在尝试使用 Leaflet.js 在 Twitter Bootstrap 的选项卡式面板中显示地图,但行为方式很奇怪:

当我单击包含面板的选项卡时,地图顶部有一个灰色层。如果我拖动并移动地图,我会看到其他图块,但看不到最初的图块。

更奇怪的是,如果我调整浏览器的大小,突然它可以正常工作,直到我再次重新加载,所以我猜是 css 的问题,但我找不到问题。

此外,将地图放在选项卡式面板之外效果很好。

我在 Firefox 和 Chrome 中进行了测试,两者都有相同的问题。

我在 jsfiddle 中创建了一个测试以查看它“实时”:http: //jsfiddle.net/jasalguero/C7Rp8/1/

非常感谢任何帮助!

0 投票
1 回答
185 浏览

jquery - 如何打开单个 jquery 对话框

我在页面上动态生成了多个 jquery ui 对话框,如何定位和打开个人?

需要有两种打开对话框的方法,一个标记(使用传单地图)和一组与地图上的标记相对应的侧边栏项目。单击标记会打开正确的对话框,但单击单个侧边栏项目会打开所有对话框...

我有代码:

});

0 投票
2 回答
5161 浏览

javascript - 试图让我的传单地图在 Internet Explorer 上工作

我最近一直在努力让我的网络地图在 Internet Explorer 上运行。它在所有其他主要浏览器上都可以完美运行,但没有任何内容可以在 IE 中加载。任何擅长浏览器测试的人都可以提供帮助吗?

我知道我在这个项目中使用的传单 javascript api 理论上支持 IE。在实践中,这不是很好......

让我知道是否还有其他可以帮助解决此问题的内容...

谢谢!

0 投票
3 回答
7576 浏览

javascript - 带有非现实世界地图的 Leaflet.js!坐标

我正在使用传单 JS 创建 Day Z(游戏)的地图,并希望能够使用游戏中的坐标系在地图上绘制项目,请参阅 http://dayz.ollieb.net

在游戏中,左上角的坐标是 000 000,然后是 001, 001,其中 10 的单位代表一个网格,所以 010, 010 将是左上角的“网格”(类似于法令调查)。

如何创建一种方法来转换提供的坐标系(点或纬度)以这种方式工作。基本上他们只需要从 000、000(左上角)到 145、130(右下角)。目前我在使用 lat/long 时遇到问题,因为它会弯曲以补偿投影,并且点 (x/y) 似乎每台计算机都会发生变化!

我怎样才能获得一个游戏点并在那个时候在地图上创建一个标记?大概我需要告诉 Leaflet.js 地图左上角和右下角的“数字”是什么?

抱歉,缺乏理解,我已经阅读了所有文档,但看不到任何类似的内容!

在此处查看示例: http ://dabrothas.net/sei/daisy/index.asp?mode=mark&z=3&x=-109.2294921875&y=73.49222029152183

0 投票
3 回答
4744 浏览

image - Leaflet(Cloudmade)弹出窗口中的图像大小似乎不计算以确定弹出窗口的大小


我很难解决在 Mapbox 地图上使用 Leaflet 库时遇到的问题。具体来说,我编写了代码,以便将弹出窗口绑定到地图上的每个图标/标记。在每个弹出窗口中都有一个链接到不同网站的图像。不幸的是,该图像的大小似乎不计入实际弹出窗口大小的计算中,具有以下后果:

我的代码如下:

你能想出一个可能的解决方案吗?恐怕我在编程方面还是个初学者,但是已经有太多天无法破解这个了。我真的很感谢你的帮助!太感谢了!

0 投票
1 回答
564 浏览

javascript - 将 LocalSearch 工具添加到 Leaflet JS 库

我正在尝试将本地搜索工具添加到 Leaflet JS 库,我以前从未使用过它,所以不太确定如何去做。我已经复制了缩放控制的工作原理,所以我添加了这个额外的功能:

然后像这样发起这个:

所以基本上我需要弄清楚如何为搜索添加功能。也许我以错误的方式解决这个问题,但我在网上找不到太多关于这个的信息,所以有人可以帮我解决这个问题吗?

0 投票
5 回答
25926 浏览

google-maps - 如何在 Leaflet-cloudmade 中使用 Google Maps API

有没有办法将 Google Maps 与 Leaflet-cloudmade 集成?我的意思是,我不想使用原始的 cloudmade 地图,但我想使用谷歌地图。我想展示阿拉斯加的地图(那里的道路不多)。如果我使用云制作的地图,它只会是白色的。

如果我想使用 cloudmade 地图,我会这样做:

我知道我应该更改'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png'部分。但是,如果我想使用谷歌地图(或任何其他地图),我应该在那里写什么?

这是leaflet-cloudmade的文档(他们没有说太多关于使用第三方地图提供者。他们说他们不知道我们应用程序中使用的地图提供者,所以我认为应该可以使用谷歌地图) .

0 投票
1 回答
5896 浏览

javascript - 在 Leaflet 中创建自定义图层控件

我一直在制作带有许多静态图层的传单地图,这些静态图层可以使用传单的标准图层控件关闭和打开。

最近,我一直在尝试使用 onclick 方法运行函数,以在用户单击(当前静态)图例中的图像之一时从地图中添加和删除图层。我尝试了许多不同的方法来让它工作,我认为它与 javascript 和网页元素的加载顺序有关(但我对此很陌生,所以我可能是错的)。

无论如何,没有粘贴太多我的代码 - 我正在将所有脚本加载到文档的头部,如下所示:

功能 removeRecreation() { map.removeLayer(recreationLayer); }; window.onload = function () { //创建全局映射变量 var map; var 娱乐层;我想我只是不确定要全局定义哪个变量,以使 removeRecreation 函数在我从附加到的图像上单击时调用该函数时有效运行。如以下代码所示:可以在以下位置找到实时版本:https://mywebspace.wisc.edu/axler/SLRE_Deep_Map/index2.html
0 投票
1 回答
798 浏览

arrays - 传单多边形对象属性

在传单多边形对象中,有两个数组“_originalPoints”和“_parts”,我想知道是否有人知道这两个数组的用途。

谢谢,

0 投票
2 回答
14120 浏览

leaflet - 传单 js:如何为 L.CircleMarker 创建工具提示?

我想知道是否有办法为 L.CircleMarker 设置工具提示?

尝试了上面的代码,但它不起作用。