Использование источников OpenLayers Geotiff в приложении Django ⇐ Javascript

[Anonymous]

У меня есть приложение Django со страницей, которая отображает OSM через OpenLayers, я динамически добавляю в него несколько маркеров, и теперь я также хочу отобразить растровые наложения из .tif Files. Это мой текущий шаблон тестирования, где я просто пытаюсь получить любой файл TIF для отображения. Я использую локальную копию кода OpenLayers здесь: < /p>


"{% load static %}





Title












const source = new GeoTIFF({
sources: [
{
url: 'https://sentinel-cogs.s3.us-west-2.amaz ... 2A/TCI.tif',
},
],
});

const layer = new TileLayer({ source });

const map = new Map({
target: 'map',
layers: [layer],
view: new View({
center: [0, 0],
zoom: 12,
}),
});

< /code>
< /div>
< /div>
< /p>
Это не работает, потому что geotiff.js пытается импортировать из «geotiff», который он не может найти.
Я знаю, что мне, вероятно, нужно пройти через NPM, и каким -то образом подключить зависимости, чтобы использовать Geotiff в мамочке, но я не знаю, что я не могу, и я не знаю, что я не могу. Я попытался построить пакет с Vite, но не мог заставить это работать.import GeoTIFF from 'ol/source/GeoTIFF.js';
export default GeoTIFF;
< /code>
И это Vite.config.js < /p>
import { defineConfig } from 'vite';
import { resolve } from 'path';

export default defineConfig({
build: {
lib: {
entry: resolve(__dirname, 'src/geotiff-entry.js'),
name: 'GeoTIFF',
fileName: () => 'geotiff-bundle.js', // Force .js output
formats: ['es'],
},
rollupOptions: {
output: {
inlineDynamicImports: true,
},
},
},
});
< /code>
Использование сгенерированного Geotiff-bundle.js и импорт в шаблоне, как это: < /p>
import Map from 'https://cdn.jsdelivr.net/npm/[email protected]/Map.js';
import View from 'https://cdn.jsdelivr.net/npm/[email protected]/View.js';
import TileLayer from 'https://cdn.jsdelivr.net/npm/[email protected] ... bGLTile.js';
import GeoTIFF from '{% static "js/geotiff-bundle.js" %}';
< /code>
приводит к ошибке Specifier в basevector.js при попытке «импортировать rbush из« rbush ». Я не могу получить дальше, чем это
, поэтому, если у кого -нибудь есть какие -либо советы о том, как получить Geotiff, внедрение с приложением Django, которое действительно поможет мне.

Подробнее здесь: https://stackoverflow.com/questions/796 ... django-app