问题标签 [vue2leaflet]

这是我的问题 - Vue2 传单地图无法在 BootstrapVue 模态中正确呈现。

这是它在视觉上的样子（它应该只显示海洋）

如您所见，没有任何 CSS 规则可以使地图像它那样溢出到模态框之外。这很奇怪。

我有点问这个问题要自己回答，因为我以前找不到解决方案。

我一直在尝试使用 vue2-leaflet 将 MultiPolygon 添加到传单地图中，但无济于事。我正在从 PostGIS 生成多边形坐标。

如何将多边形添加到 vue2leaflet 地图？

代表代码：

小提琴：https ://jsfiddle.net/brj703my/2/

视图：

我正在使用 vue2-leaflet。我想要用户当前位置的中心属性。有没有简单的方法来实现这一目标？

我已经尝试在 mount() 中使用 navigator.geolocation.getCurrentPosition，在地图组件上使用 v-if，一旦 api 调用完成，就会显示地图。但它看起来不起作用。

这里还有一个演示：https ://beer-on-map.netlify.com/

我有一个google-maps_pin.svg代表 google-maps pin 的文件。

我想根据类别（餐厅、美术馆等）动态地为不同的标记（使用 v-for 生成）着色。

有没有办法通过 vue2 传单实现这一目标？

这是我的地图：

我想给各个引脚的颜色存储在markedLocation.info.category.color变量中。

我使用Vue2Leaflet 和Leaflet-semicircle。我在使用Vue2Leaflet时没有问题，但是我不知道如何在我的VueJS项目中使用Leaflet-semicircle。

嗨有人知道或有一些代码示例如何为 vue2-leaflet 地图添加搜索栏，我尝试了以下https://www.npmjs.com/package/vue2-leaflet-geosearch但失败了，你知道任何替代方案吗怎么解决，希望大家帮忙，谢谢。这是有效的代码，我想在代码中添加搜索栏。

我的地图上有一个可变的geoJson图层列表（我将其命名为sectors）。我需要将视图居中以适合所有几何图形。

我正在使用Vue2Leaflet (v2.5.2)和Leaflet (v1.6.0)。

每个geoJson对象都是这样的：

它直接存储在geoSectors: [ geoJson1, geoJson2, ... ].

这是代码：

如何使地图视图以最大的缩放级别显示所有 geoJson 图层？

我正在使用 Vue2-Leaflet 的 L.CRS.Simple 开发地图应用程序，并且我想按照Leaflet 文档中的说明反转地图的 y 轴。我在这里找到了一个类似的问题，看来我的问题是一样的，所以我的问题是：我如何集成相同的解决方案来反转 y 轴但使用 vue2-leaflet 包？

这是我的代码：

我有一个非常奇怪的问题，我无法解决。关键是我通过 Vue2Leaflet 显示谷歌地图。在创建 Google 地图的屏幕截图时，由于 CSS Google 字体，它会向我抛出一个错误。

谷歌地图插件到传单：vue2-leaflet-googlemutant

要从地图上截取屏幕截图，我使用传单插件leaflet-simple-map-screenshotter。

更详细的错误描述在这里：https ://github.com/grinat/leaflet-simple-map-screenshoter/issues/10

代码：

代码沙箱

错误：

Error while reading CSS rules from https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans:400,500,700 SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules

我是 Vue 新手，正在使用 vue2-leaflet 开发地图应用程序。我想在我的应用程序中添加一个搜索框以在我的地图上定位标记，我发现这个传单插件传单搜索正是我正在寻找的功能，但我不知道如何将它集成到我的 vue cli项目。

安装插件后，如何将其导入到我的 vue 组件中？并且，我<script>应该在哪里添加代码？

这是我要添加搜索框的组件的样子：