mapcomplete/test.ts

25 lines
1.1 KiB
TypeScript

import ContactLink from "./UI/BigComponents/ContactLink.svelte"
import SvelteUIElement from "./UI/Base/SvelteUIElement"
import { Utils } from "./Utils"
import List from "./UI/Base/List"
import { GeoOperations } from "./Logic/GeoOperations"
import { Tiles } from "./Models/TileRange"
import { Stores } from "./Logic/UIEventSource"
async function main() {
const location: [number, number] = [3.21, 51.2]
const t = Tiles.embedded_tile(location[1], location[0], 6)
const url = `https://raw.githubusercontent.com/pietervdvn/MapComplete-data/main/community_index/tile_${t.z}_${t.x}_${t.y}.geojson`
const be = Stores.FromPromise(Utils.downloadJson(url)).mapD(
(data) => data.features.find((f) => GeoOperations.inside(location, f)).properties
)
new SvelteUIElement(ContactLink, { country: be }).AttachTo("maindiv")
/*
const links = data.features
.filter((f) => GeoOperations.inside(location, f))
.map((f) => new SvelteUIElement(ContactLink, { country: f.properties }))
new List(links).AttachTo("maindiv")
//*/
}
main().then((_) => {})