[Vuejs]-Vuelayers projection problem (inexistant in OpenLayers)

by

0👍

✅

I was missing a couple of fields here is the working example.

<vl-map 
   style="height: 650px"
   :load-tiles-while-animating="true" 
   :load-tiles-while-interacting="true"
   >

      <vl-view 
         :zoom.sync="zoom" 
         :center.sync="center" 
         />
            

      <vl-layer-tile>
         <vl-source-osm/>
      </vl-layer-tile>

              
      <vl-layer-image>
         <vl-source-image-wms
             :url.sync='baseURL'
             :layers.sync='layer'
             :version.sync='version'
             :projection='projection'
             :cross-origin='crossOrigin'  
             :ratio='ratio'
             :server-type='serverType'
             :attributions='customAttributions'
             />
      </vl-layer-image>    
  </vl-map>

baseURL: 'https://firms.modaps.eosdis.nasa.gov/wms/key/X/?BBOX=-180,-90,180,90',
layer: "fires_viirs_24",
serverType: 'geoserver',
version: '1.0.0',
crossOrigin: 'anonymous',
ratio: 1,
zoom: 4,
center: [-10683725, 4240631],
projection: "EPSG:4326",
customAttributions: '<a href="https://firms.modaps.eosdis.nasa.gov/web-services/">NASA\'s WMS hotspots service</a>',
layerNames: [ ... ]

Leave a comment