@bokeh/bokehjs
Version:
Interactive, novel data visualization
81 lines • 2.75 kB
JavaScript
import { Model } from "../../model";
import { entries } from "../../core/util/object";
export class TileSource extends Model {
static __name__ = "TileSource";
constructor(attrs) {
super(attrs);
}
static {
this.define(({ Float, Str, Dict, Nullable /*, Null, Or, Ref*/ }) => ({
url: [Str, ""],
tile_size: [Float, 256],
max_zoom: [Float, 30],
min_zoom: [Float, 0],
extra_url_vars: [Dict(Str), {}],
attribution: [Str, ""], // Or(Str, Ref(DOMElement), Null), null ],
x_origin_offset: [Float],
y_origin_offset: [Float],
initial_resolution: [Nullable(Float), null],
}));
}
tiles;
initialize() {
super.initialize();
this.tiles = new Map();
this._normalize_case();
}
connect_signals() {
super.connect_signals();
this.connect(this.change, () => this._clear_cache());
}
string_lookup_replace(str, lookup) {
let result_str = str;
for (const [key, value] of entries(lookup)) {
result_str = result_str.replace(`{${key}}`, value);
}
return result_str;
}
_normalize_case() {
/*
* Note: should probably be refactored into subclasses.
*/
const url = this.url
.replace("{x}", "{X}")
.replace("{y}", "{Y}")
.replace("{z}", "{Z}")
.replace("{q}", "{Q}")
.replace("{xmin}", "{XMIN}")
.replace("{ymin}", "{YMIN}")
.replace("{xmax}", "{XMAX}")
.replace("{ymax}", "{YMAX}");
this.url = url;
}
_clear_cache() {
this.tiles = new Map();
}
tile_xyz_to_key(x, y, z) {
return `${x}:${y}:${z}`;
}
key_to_tile_xyz(key) {
const [x, y, z] = key.split(":").map((c) => parseInt(c));
return [x, y, z];
}
sort_tiles_from_center(tiles, tile_extent) {
const [txmin, tymin, txmax, tymax] = tile_extent;
const center_x = ((txmax - txmin) / 2) + txmin;
const center_y = ((tymax - tymin) / 2) + tymin;
tiles.sort(function (a, b) {
const a_distance = Math.sqrt((center_x - a[0]) ** 2 + (center_y - a[1]) ** 2);
const b_distance = Math.sqrt((center_x - b[0]) ** 2 + (center_y - b[1]) ** 2);
return a_distance - b_distance;
});
}
get_image_url(x, y, z) {
const image_url = this.string_lookup_replace(this.url, this.extra_url_vars);
return image_url
.replace("{X}", x.toString())
.replace("{Y}", y.toString())
.replace("{Z}", z.toString());
}
}
//# sourceMappingURL=tile_source.js.map