can-getfeatureinfo

A client data model for interacting with data from a wms using the standard GetFeatureInfo request.

Features

• Retrieve geojson features from a WMS server like Geoserver

Quick Start

#install can-getfeatureinfo
npm install can-getfeatureinfo --save
npm run export

AMD

require(['can-getfeatureinfo/dist/amd/index'], function(Factory){
  var State = Factory({
      name: 'state',
      url: 'http://localhost/geoserver/topp/wms'
  });

  State.getList({
      bbox: [-102.6123046875,27.2900390625,-93.7353515625,36.1669921875],
      projection: 'EPSG:4326',
      x: 50,
      y: 50,
      layers: ['topp:states']
  }).then(function(data) {
      console.log('features!', data);
  });
});

Require JS

var Factory = require('can-getfeatureinfo/dist/cjs/index');
var State = Factory({
    name: 'state',
    url: 'http://localhost/geoserver/topp/wms'
});

State.getList({
    bbox: [-102.6123046875,27.2900390625,-93.7353515625,36.1669921875],
    projection: 'EPSG:4326',
    x: 50,
    y: 50,
    layers: ['topp:states']
}).then(function(data) {
    console.log('features!', data);
});

StealJS - ES6 Style Example

import Factory from 'index';
import CanMap from 'can/map/';

let State = Factory({
    name: 'state',
    url: 'http://localhost/geoserver/topp/wms'
});

State.getList({
    bbox: [-102.6123046875,27.2900390625,-93.7353515625,36.1669921875],
    projection: 'EPSG:4326',
    x: 50,
    y: 50,
    layers: ['topp:states']
}).then(data => {
    console.log('features!', data);
});

# Running the tests

`npm run test`

Or open `test/index.html` in a browser

# Contributing

Contributions from anyone are welcome!
- Pull Requests
- Report Issues via the issue tracker on github
- Feedback and Code Reviews