Stack Overflow
Stack Overflow

Questions tagged [vuelayers]

VueLayers is components library that brings the powerful OpenLayers API to the Vue.js reactive world. It can display maps with tiled, raster or vector layers loaded from different sources.

Official web site https://vuelayers.github.io/#/

14 questions
8
votes
1 answer

How do I interact with WMS tile layer served by GeoServer using Vuelayers?

I'm developing a web mapping application using the Vuelayers library which is Web map Vue components with the power of OpenLayers. I have the following code in my template:
Boussadjra Brahim
  • 82,684
  • 19
  • 144
  • 164
2
votes
0 answers

Getting error while testing with Jest: Vue and Typescript

getting this error: ● Test suite failed to run Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel…
David Joos
  • 926
  • 11
  • 16
2
votes
0 answers

use JS bind operator (::) with Nuxt.js and typescript

I'm using Nuxt.js with typescript support. I'm trying to import the vuelayers library with this plugin: import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map) it gives me this error : …
Mathieu
  • 5,495
  • 2
  • 31
  • 48
2
votes
0 answers

How to draw all countries boundaries according to GeoJSON in Vuelayer?

I want to show the countries' boundaries in the Vuelayer (a vue library for openlayer package). But It doesn't work I used the following website to generate GeoJson of all the countries. https://geojson-maps.ash.ms/ I followed the documentation…
Elias
  • 179
  • 8
1
vote
1 answer

Show a route on a map with Vue

I am working on a project with Vue and Leaflet that for now just shows a map and I want that when you give the start and end coordinates it colours the route from between those points (or many points and a route than goes through all of them).…
coffee-and-code
  • 205
  • 2
  • 12
1
vote
2 answers

Vuelayers vl-style-icon syntax

I've been looking through the vuelayers documentation and have found little info on to use the vl-style-icon module, which is quite important if you want to create icons on your vuelayer map. I'm pretty sure I have proper syntax when it comes to…
tone
  • 21
  • 3
1
vote
2 answers

Vue Layers Map not showing on Vuetify dialog

I'm working on a Vuetify application that uses Vue-Layers to display OpenStreetMap maps. Works fine at page level but I have a full screen Vuetify dialog that I want to be able to select map points from. The map does not get displayed. The code for…
Greg Pagendam-Turner
  • 2,356
  • 5
  • 32
  • 49
0
votes
0 answers

Vuelayers "projection.getCode is not a function" when using ol/proj module

I'm trying to use the vuelayers API in a vue application. I've imported ol itself too, as I couldn't get the ol-ext module to work. When trying to use the proj functions (specifically addProjection()) I get the following error: Uncaught TypeError:…
Antigrammer
  • 27
  • 4
0
votes
1 answer

How to export vuelayers map to png or jpeg?

How would I adapt @ghettovoice JSFiddle that saves a map to PDF to save the map to a JPEG or PNG? I have no idea how to attempt this problem so ideally if you know hoe to do it you can explain the logic behind it. exportMap: function () { …
Curious
  • 383
  • 3
  • 13
0
votes
1 answer

VueLayers - Using webpack externals for internal files

I'm trying to configure webpack in such a way that it creates 3 files. app.js - where all of my code is bundled chunk-vendors.js - where the code from node_modules is bundled, with one exception vuelayers.js - used for maps, takes too much space,…
domaci_a_nas
  • 220
  • 2
  • 11
0
votes
1 answer

Vuelayers projection problem (inexistant in OpenLayers)

I have made a CodePen which shows what i am trying to do but my Vuelayers code produces a squished down version of the correct data. I have played around with ratio and projection but although it seems like the trouble is there I can not fix it. My…
Curious
  • 383
  • 3
  • 13
0
votes
1 answer

Loading WMS in Vuejs with OpenLayers

I am trying to read a WMS layer from a local host Geoserver in Vue.js. I am running Geoserver on a different port than my vue.js. How I am supposed to load in Vue JS my WMS Layer like in this example:…
Simon GIS
  • 1,045
  • 2
  • 18
  • 37
0
votes
1 answer

Display static map with VueLayers

I tried :controls="false" on vl-map The buttons disappear but you can still zoom with trackpad or mouse and move the map then I tried setting min-view and max-view on vl-view but this has no effect on zoom then I set the extent on vl-view and that…
Sam
  • 1,557
  • 3
  • 26
  • 51
-1
votes
1 answer

Displaying Vector Tiles in EPSG:25832 in OpenLayers

Background I have been playing around with vector tiles (for the first time) and I have been stuck on an issue regarding the projection of the data. The Vector Tiles doesn't align perfectly with the background map (Projection issue?). The vector…
SOK
  • 515
  • 6
  • 21