问题标签 [vuelayers]

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 回答
1714 浏览

javascript - 如何使用 Vuelayers 与 GeoServer 提供的 WMS 瓦片层进行交互?

我正在使用库开发一个网络地图应用程序,该Vuelayers库是具有 OpenLayers 功能的 Web 地图 Vue 组件

我的模板中有以下代码:

在数据对象中,我具有以下属性:

那么当我点击它时如何获取图层属性呢?知道vl-tile-layer没有这里@click提到的事件。

0 投票
1 回答
1187 浏览

vuetify.js - Vue 层图未显示在 Vuetify 对话框中

我正在开发一个使用 Vue-Layers 来显示 OpenStreetMap 地图的 Vuetify 应用程序。

在页面级别工作正常,但我有一个全屏 Vuetify 对话框,我希望能够从中选择地图点。

地图不显示。

对话框的代码是:

地图容器的大小肯定是 300 像素 x 168 像素

Chrome 开发者工具中没有显示控制台错误。

为什么地图不显示?

0 投票
0 回答
622 浏览

javascript - 如何在Vuelayer中根据GeoJSON绘制所有国家边界?

我想在 Vuelayer(openlayer 包的 vue 库)中显示国家/地区的边界。但它不起作用

我使用以下网站生成所有国家的 GeoJson。https://geojson-maps.ash.ms/

我遵循文档https://vuelayers.github.io/#/component/polygon-geom 我使用 for 循环获取每个坐标以获取所有国家/地区的边界,但它不起作用。

当我使用一个国家的一个坐标而不使用 for 循环时,它可以工作

我希望它显示国家的所有边界。但它没有显示任何东西

0 投票
0 回答
156 浏览

javascript - 将 JS 绑定运算符 (::) 与 Nuxt.js 和 typescript 一起使用

我正在使用带有 typescript 支持的 Nuxt.js。我正在尝试使用此插件导入 vuelayers 库:

它给了我这个错误:

我很乐意避免使用::,但它在外部库中。我也尝试过从中导入不同的预编译文件,vuelayers/...但我总是遇到类似的错误

我对打字稿很陌生,我不知道如何继续解决这个问题

0 投票
2 回答
956 浏览

vuejs2 - Vuelayers vl-style-icon 语法

我一直在查看 vuelayers 文档,发现关于使用 vl-style-icon 模块的信息很少,如果您想在 vuelayer 地图上创建图标,这非常重要。

我很确定在使用它时我有正确的语法,但marker.png不会通过它加载。我尝试将它作为普通图像访问,它工作正常,所以我假设它与我的语法有关。

这是我的代码:

vl-style-box并且vl-style-icon是这里的要点。我还检查了积分是否出现,vl-style-box并且确实出现了。我的代码可能有什么问题?

0 投票
1 回答
361 浏览

vue.js - 使用 VueLayers 显示静态地图

我试过了

:controls="false"onvl-map 按钮消失,但您仍然可以使用触控板或鼠标进行缩放并移动地图

然后我尝试设置min-viewmax-view打开,vl-view但这对缩放没有影响

然后我将其设置为extentonvl-view并且部分有效:我无法移动地图但仍然可以缩放

你如何使地图完全静止?

0 投票
1 回答
806 浏览

vue.js - 使用 OpenLayers 在 Vuejs 中加载 WMS

我正在尝试从 Vue.js 中的本地主机 Geoserver 读取 WMS 层。我在与 vue.js 不同的端口上运行 Geoserver。

我应该如何在 Vue JS 中加载我的 WMS 层,如下例所示:https ://vuelayers.github.io/#/docs/component/tile-layer

在我的浏览器中: CORS 策略已阻止从源“ http://localhost:3000 ”访问“ http://192.168.1.23:3000/sockjs-node/info?t=1578388235952 ”处的 XMLHttpRequest:值当请求的凭据模式为“包含”时,响应中的“Access-Control-Allow-Origin”标头不能是通配符“*”。XMLHttpRequest 发起的请求的凭证模式由 withCredentials 属性控制。

0 投票
1 回答
368 浏览

vue.js - Vuelayers 投影问题(OpenLayers 中不存在)

我制作了一个CodePen,它显示了我正在尝试做的事情,但我的 Vuelayers 代码会生成正确数据的压缩版本。我玩过比率和投影,但虽然看起来麻烦就在那里,但我无法解决它。我最好的猜测是有一些我看不到或无法操作的默认值。

0 投票
1 回答
126 浏览

vue.js - VueLayers - 对内部文件使用 webpack 外部

我正在尝试以创建 3 个文件的方式配置 webpack。

app.js - 我的所有代码都被捆绑在一起 chunk-vendors.js - 来自 node_modules 的代码被捆绑在一起,有一个例外 vuelayers.js - 用于地图,占用太多空间,并且因为它在单个组件中使用,理想情况下,它将与其他所有内容分开加载。

我正在尝试通过外部实现这一点,但我不确定这是正确的方法,因为我仍然想加载本地版本的 VueLayers,而不是通过 CDN。我看到一些代码示例在挂载事件上动态创建脚本标签,但我希望从 node_modules 加载这些脚本

我也尝试过这样配置webpack,但是当然不行,因为我没有足够的经验。

0 投票
1 回答
532 浏览

vue.js - 使用 Vue 在地图上显示路线

我正在使用 Vue 和 Leaflet 进行一个项目,该项目现在只显示一张地图,我希望当你给出开始和结束坐标时,它会为这些点之间的路线(或许多点和一条路线而不是通过所有这些点)着色)。不幸的是,我发现使用 OSRM 自动路由的 Leaflet 插件“除非您自己配置路由后端,否则将无法正常工作”。有替代方案吗?Vue Leaflet 的任何其他开源插件(或者可以自动跟踪现有路线的 OpenLayers(VueLayers)?提前谢谢你。