问题标签 [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.
vuetify.js - Vue 层图未显示在 Vuetify 对话框中
我正在开发一个使用 Vue-Layers 来显示 OpenStreetMap 地图的 Vuetify 应用程序。
在页面级别工作正常,但我有一个全屏 Vuetify 对话框,我希望能够从中选择地图点。
地图不显示。
对话框的代码是:
地图容器的大小肯定是 300 像素 x 168 像素
Chrome 开发者工具中没有显示控制台错误。
为什么地图不显示?
javascript - 如何在Vuelayer中根据GeoJSON绘制所有国家边界?
我想在 Vuelayer(openlayer 包的 vue 库)中显示国家/地区的边界。但它不起作用
我使用以下网站生成所有国家的 GeoJson。https://geojson-maps.ash.ms/
我遵循文档https://vuelayers.github.io/#/component/polygon-geom 我使用 for 循环获取每个坐标以获取所有国家/地区的边界,但它不起作用。
当我使用一个国家的一个坐标而不使用 for 循环时,它可以工作
我希望它显示国家的所有边界。但它没有显示任何东西
javascript - 将 JS 绑定运算符 (::) 与 Nuxt.js 和 typescript 一起使用
我正在使用带有 typescript 支持的 Nuxt.js。我正在尝试使用此插件导入 vuelayers 库:
它给了我这个错误:
我很乐意避免使用::
,但它在外部库中。我也尝试过从中导入不同的预编译文件,vuelayers/...
但我总是遇到类似的错误
我对打字稿很陌生,我不知道如何继续解决这个问题
vuejs2 - Vuelayers vl-style-icon 语法
我一直在查看 vuelayers 文档,发现关于使用 vl-style-icon 模块的信息很少,如果您想在 vuelayer 地图上创建图标,这非常重要。
我很确定在使用它时我有正确的语法,但marker.png
不会通过它加载。我尝试将它作为普通图像访问,它工作正常,所以我假设它与我的语法有关。
这是我的代码:
vl-style-box
并且vl-style-icon
是这里的要点。我还检查了积分是否出现,vl-style-box
并且确实出现了。我的代码可能有什么问题?
vue.js - 使用 VueLayers 显示静态地图
我试过了
:controls="false"
onvl-map
按钮消失,但您仍然可以使用触控板或鼠标进行缩放并移动地图
然后我尝试设置min-view
并max-view
打开,vl-view
但这对缩放没有影响
然后我将其设置为extent
onvl-view
并且部分有效:我无法移动地图但仍然可以缩放
你如何使地图完全静止?
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 属性控制。
vue.js - Vuelayers 投影问题(OpenLayers 中不存在)
我制作了一个CodePen,它显示了我正在尝试做的事情,但我的 Vuelayers 代码会生成正确数据的压缩版本。我玩过比率和投影,但虽然看起来麻烦就在那里,但我无法解决它。我最好的猜测是有一些我看不到或无法操作的默认值。
vue.js - VueLayers - 对内部文件使用 webpack 外部
我正在尝试以创建 3 个文件的方式配置 webpack。
app.js - 我的所有代码都被捆绑在一起 chunk-vendors.js - 来自 node_modules 的代码被捆绑在一起,有一个例外 vuelayers.js - 用于地图,占用太多空间,并且因为它在单个组件中使用,理想情况下,它将与其他所有内容分开加载。
我正在尝试通过外部实现这一点,但我不确定这是正确的方法,因为我仍然想加载本地版本的 VueLayers,而不是通过 CDN。我看到一些代码示例在挂载事件上动态创建脚本标签,但我希望从 node_modules 加载这些脚本。
我也尝试过这样配置webpack,但是当然不行,因为我没有足够的经验。
vue.js - 使用 Vue 在地图上显示路线
我正在使用 Vue 和 Leaflet 进行一个项目,该项目现在只显示一张地图,我希望当你给出开始和结束坐标时,它会为这些点之间的路线(或许多点和一条路线而不是通过所有这些点)着色)。不幸的是,我发现使用 OSRM 自动路由的 Leaflet 插件“除非您自己配置路由后端,否则将无法正常工作”。有替代方案吗?Vue Leaflet 的任何其他开源插件(或者可以自动跟踪现有路线的 OpenLayers(VueLayers)?提前谢谢你。