问题标签 [vue2leaflet]

我正在尝试使用 Vue 在暗模式下制作地图应用程序，但由于某种原因，我无法更改缩放控件的样式。目前我正在尝试以下

但缩放控制看起来仍然正常。

我尝试了同样的方法，:options="{class: 'leaflet-control-zoom'}"其中也没有任何作用。我在这里想念什么？

这是我的代码，目前标记和工具提示根本没有显示。控制台没有显示任何错误，我不知道该怎么做。

根据文档，标记不显示存在问题，但从我读过的其他问题来看，标记似乎是不可见的，如果标记不可见，弹出/工具提示仍将显示。我什么也没得到，也看不出代码有问题。

我也尝试过使用自定义标记图像，但结果相同。没有

我在我的 main.jsLMap中使用 Vue-cli 2 并导入 Vue2-leaflet 模块LTileLayer

通过使用 webpack-bundle-analyzer，我可以看到包大小仍然是 421kb（仅限leaflet-src.js）。

正如文档所述，为什么这没有显着减少；

强烈建议这样做只导入所需的模块： import { LMap, LTileLayer, LMarker } from 'vue2-leaflet'; 这将显着减少包的大小

我尝试使用 mapbox 作为 VGeosearch 的提供者

我的用例是当用户是中国人时，我需要使用 mapbox 实例化地图（用于坐标规则），在其他情况下使用谷歌地图，所有这些都使用Vue2-leaflet

所以，我的代码：

Vue模板：

打字稿：

当我的用户不是中国人时，一切都很好，但在另一种情况下，我总是有同样的错误：

地图以很好的方式加载，但地理搜索栏不起作用

我一直在尝试使用 Vuetify 和 Vue Leaflet 构建某种 GeoJSON 编辑器。我这样做的方法是将LMapandVTextInput扔到VDialog. 我遇到了一个问题，大多数地图图块显示为灰色（查看此 GitHub 问题以获取更详细的描述：https ://github.com/vue-leaflet/Vue2Leaflet/issues/157 ）。

我尝试了该线程中描述的所有修复程序，但后来发现我的LMap显示在它既不在 aVDialog也不在VMenu. 我已经尝试将编辑器隔离到一个单独的组件上，然后将该组件包装在 中VDialog，但它仍然会发生。

是否有解决此问题的方法或解决方法？

更新

我发现调整浏览器窗口大小时地图会正确重新渲染。

我尝试了几个示例，但结果是图像损坏或默认图标

即使我尝试过使用L.icon()inl-marker但它产生了损坏的图像

模板

脚本

尝试将映射添加到我的 nuxt.js 应用程序，到目前为止没有运气。有这个包 nuxt-leaflet，但它的活动很少，只有非常基本的示例。我很想使用 mapbox 图层，并使用传单 L 对象动态构建地图。任何基本示例、教程、链接都会很棒。

我有这样的传单地图（剪断）：

我试图在安装钩子期间访问我创建的传单地图的地图对象，如下所示：

或者

但我总是收到“...未定义”错误。我在这里做错了什么，如何在运行时使用 nuxt-leaflet 访问我的地图对象以获取诸如 .getMaxZoom() 之类的东西？没有 nuxt-leaflet，只使用 vue2leaflet 它就像一个魅力......

我正在使用 Vue2Leaflet 插件在 Nuxt 中创建一个带有传单地图的应用程序。

但是我遇到了一个问题：我正在使用 Bootstrap 列来调整地图和随附图像的大小，但是图像加载速度太慢（目前无法解决），因此在地图加载时容器的大小不合适。

这会导致地图为半灰色。我试图调用map.invalidateSize()已安装的事件，但即使这样也必须在图像完成加载之前发生。

我在以下位置设置了一个沙箱：https ://codesandbox.io/s/eager-bohr-c3453?file=/src/App.vue

为了看到 bug，你必须在https://c3453.csb.app/上查看渲染的应用程序（内部代码和框渲染没有显示问题）

我想我需要一些方法来等到图像完成加载（所以 BS col 是正确的大小），然后调用map.invalidateSize()，但我不确定如何......

我正在使用 Nuxt Leaflet，但我还没有弄清楚如何更改平铺层。我尝试了多种不同的方法，它们都导致没有为更改的图层请求正确的图块。

这是一个例子：

如果我将mapTileUrl值更改为不同的 url，它会请求以下磁贴 url： https ://wc-maps.s3.amazonaws.com/map-tiles-no-ocean/-1/0/0.png

如果我像这样做一个条件切片图层，我会得到相同的结果：

我也尝试使用Lobject 添加新的 tile 层，但仍然得到相同的结果。任何人都知道为什么它没有请求正确的磁贴网址？