Using the BRC Atlas Library

Show a Channel Islands map using insets for island groups

This example demonstrates using user-defined insets with the BRC Atlas library, using the Channel Islands as an example. You can consult some other examples, example-1.html and example-3.html. To learn about some of the techniques used to create it.

The techniques used here but not described in those examples will be documented in time. Until then, you can view the source and download the various data files, images etc to work out how it is put together.

Also look at the BRC Altas API documentation.

var map = brcatlas.svgMap({
  id: "map",
  mapTypesKey: 'Standard tetrad',
  transOptsKey: 'CI1',
  transOptsSel: {
    CI1: {
      id: 'CI1',
      caption: 'Channel Islands',
      bounds: {
        xmin: 520000,
        ymin: 5440000,
        xmax: 560000,
        ymax: 5520000
      },
      insets: [{
        bounds: {
          xmin: 540000,
          ymin: 5500000,
          xmax: 570000,
          ymax: 5510000
        },
        imageX: 30,
        imageY: 410
      },{
        bounds: {
          xmin: 520000,
          ymin: 5470000,
          xmax: 550000,
          ymax: 5490000
        },
        imageX: 30,
        imageY: 250
      },
      {
        bounds: {
          xmin: 550000,
          ymin: 5440000,
          xmax: 580000,
          ymax: 5470000
        },
        imageX: 30,
        imageY: 30
      }]
    }
  },
  insetColour: 'transparent',
  boundaryGjson: './ci-32630.geojson',
  gridGjson: './ci-grid-32630.geojson',
  proj: "ci",
})
map.setIdentfier('./example-ci-tetrads.csv')
map.redrawMap()