57 lines
No EOL
2.1 KiB
TypeScript
57 lines
No EOL
2.1 KiB
TypeScript
import $ from "jquery"
|
|
import {LicenseInfo} from "./Wikimedia";
|
|
import ImageAttributionSource from "./ImageAttributionSource";
|
|
import BaseUIElement from "../../UI/BaseUIElement";
|
|
import {UIEventSource} from "../UIEventSource";
|
|
import Svg from "../../Svg";
|
|
|
|
export class Mapillary extends ImageAttributionSource {
|
|
|
|
public static readonly singleton = new Mapillary();
|
|
|
|
private constructor() {
|
|
super();
|
|
}
|
|
|
|
private static ExtractKeyFromURL(value: string) {
|
|
if (value.startsWith("https://a.mapillary.com")) {
|
|
return value.substring(0, value.lastIndexOf("?")).substring(value.lastIndexOf("/") + 1);
|
|
}
|
|
const matchApi = value.match(/https?:\/\/images.mapillary.com\/([^/]*)/)
|
|
if (matchApi !== null) {
|
|
return matchApi[1];
|
|
}
|
|
|
|
if (value.toLowerCase().startsWith("https://www.mapillary.com/map/im/")) {
|
|
// Extract the key of the image
|
|
value = value.substring("https://www.mapillary.com/map/im/".length);
|
|
}
|
|
return value;
|
|
}
|
|
|
|
SourceIcon(backlinkSource?: string): BaseUIElement {
|
|
return Svg.mapillary_svg();
|
|
}
|
|
|
|
PrepareUrl(value: string): string {
|
|
const key = Mapillary.ExtractKeyFromURL(value)
|
|
return `https://images.mapillary.com/${key}/thumb-640.jpg?client_id=TXhLaWthQ1d4RUg0czVxaTVoRjFJZzowNDczNjUzNmIyNTQyYzI2`
|
|
}
|
|
|
|
protected DownloadAttribution(url: string): UIEventSource<LicenseInfo> {
|
|
|
|
const key = Mapillary.ExtractKeyFromURL(url)
|
|
const metadataURL = `https://a.mapillary.com/v3/images/${key}?client_id=TXhLaWthQ1d4RUg0czVxaTVoRjFJZzowNDczNjUzNmIyNTQyYzI2`
|
|
const source = new UIEventSource<LicenseInfo>(undefined)
|
|
$.getJSON(metadataURL, function (data) {
|
|
const license = new LicenseInfo();
|
|
license.artist = data.properties?.username;
|
|
license.licenseShortName = "CC BY-SA 4.0";
|
|
license.license = "Creative Commons Attribution-ShareAlike 4.0 International License";
|
|
license.attributionRequired = true;
|
|
source.setData(license);
|
|
})
|
|
|
|
return source
|
|
}
|
|
} |