This D3 example demonstrates using the zoom event and limits the bounds of the zooming to a specified domain. It is largely based on http://bl.ocks.org/jasondavies/3689931, but with bounds. Most of this bounding is done in the refresh function. You need to zoom in before you can pan or zoom out.
View loadnpy.js
// Client-side parser for .npy files | |
// See the specification: http://docs.scipy.org/doc/numpy-dev/neps/npy-format.html | |
var NumpyLoader = (function () { | |
function asciiDecode(buf) { | |
return String.fromCharCode.apply(null, new Uint8Array(buf)); | |
} | |
function readUint16LE(buffer) { | |
var view = new DataView(buffer); | |
var val = view.getUint8(0); |
View d3.svg.circularbrush.js
d3.svg.circularbrush = function() { | |
var _extent = [0,Math.PI * 2]; | |
var _circularbrushDispatch = d3.dispatch('brushstart', 'brushend', 'brush'); | |
var _arc = d3.svg.arc().innerRadius(50).outerRadius(100); | |
var _brushData = [ | |
{startAngle: _extent[0], endAngle: _extent[1], class: "extent"}, | |
{startAngle: _extent[0] - .2, endAngle: _extent[0], class: "resize e"}, | |
{startAngle: _extent[1], endAngle: _extent[1] + .2, class: "resize w"} | |
]; | |
var _newBrushData = []; |
View gh-pages-deploy.md
Deploying a subfolder to GitHub Pages
Sometimes you want to have a subdirectory on the master
branch be the root directory of a repository’s gh-pages
branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master
branch alongside the rest of your code.
For the sake of this example, let’s pretend the subfolder containing your site is named dist
.
Step 1
Remove the dist
directory from the project’s .gitignore
file (it’s ignored by default by Yeoman).
View .block
license: gpl-3.0 |
View TileLayer.Common.js
// Lefalet shortcuts for common tile providers - is it worth adding such 1.5kb to Leaflet core? | |
L.TileLayer.Common = L.TileLayer.extend({ | |
initialize: function (options) { | |
L.TileLayer.prototype.initialize.call(this, this.url, options); | |
} | |
}); | |
(function () { | |