GeoJSON Track for HiGlass
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src
.babelrc
.editorconfig
.eslintrc
.gitignore
.huskyrc
.lintstagedrc
.npmignore
.prettierrc
.stylelintrc
.travis.yml
CHANGELOG.md
LICENSE
README.md
globals.js
package-lock.json
package.json
rollup.config.js
teaser.jpg
webpack.config.js

README.md

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