higlass-geojson

0.3.0 • Public • Published

GeoJSON Track for HiGlass

Display your favorite GeoJSON annotation right in HiGlass.

HiGlass Build Status code style prettier

HiGlass showing ski areas with Mapbox

Note: This is the source code for the GeoJSON track only! You might want to check out the following repositories as well:

HiGlass GeoJSON comes in 2 flavors, with and without including d3-geo in the bundle. The only difference is the file size:

  • With d3-geo: 8KB minified and gzipped
  • Without d3-geo: 2KB minified and gzipped

Installation

npm install higlass-geojson

Usage

  1. Make sure you load this track prior to hglib.js. For example:
<script src="higlass-geojson.js"></script>
<script src="hglib.js"></script>
<script>
  ...
</script>
  1. Now, configure the track in your view config and be happy! Cheers 🎉
{
  ...
  {
    server: 'http://localhost:8001/api/v1',
    tilesetUid: 'my-outrageously-fancy-geojson-db',
    uid: 'my-outrageously-fancy-geojson-db',
    type: 'geo-json',
    options: {
      labelColor: 'red',
      labelPosition: 'hidden',
      trackBorderWidth: 0,
      trackBorderColor: 'red',
      rectangleDomainFillColor: 'red',
      rectangleDomainFillOpacity: 0.25,
      rectangleDomainStrokeColor: 'red',
      rectangleDomainOpacity: 1,
      rectanlgeMinSize: 3,
      minSquareSize: 4,
      polygonMinBoundingSize: 5,
      name: 'My Outrageously Fancy GeoJSON Stuff - Truly Awesome',
    },
  },
  ...
}

Take a look at src/index.html for an example.

Development

Installation

$ git clone https://github.com/flekschas/higlass-geojson && higlass-geojson
$ npm install

Commands

Developmental server: npm start Production build: npm run build

Package Sidebar

Install

npm i higlass-geojson

Weekly Downloads

3

Version

0.3.0

License

MIT

Unpacked Size

109 kB

Total Files

10

Last publish

Collaborators

  • flekschas