Виджет ГИС для встраивания в сторонние сайты. Использует React и OpenLayers, подключается к существующему бэкенду.
cd standalone-gis
npm installnpm run devЗапустит webpack в режиме watch для разработки.
npm run buildСоздаст файл dist/gis-widget.js для встраивания в сторонние сайты.
<!DOCTYPE html>
<html>
<head>
<title>GIS Widget Example</title>
</head>
<body>
<div id="gis-container" style="width: 100%; height: 600px;"></div>
<script src="path/to/gis-widget.js"></script>
<script>
GISWidget.initGIS('gis-container', {
apiUrl: 'http://localhost:3000',
defaultCenter: [3500000, 8350000],
defaultZoom: 7
});
</script>
</body>
</html>apiUrl(string) - URL бэкенда (по умолчанию: 'http://localhost:3000')defaultCenter(Array) - Центр карты [x, y] в EPSG:3857 (по умолчанию: [3500000, 8350000])defaultZoom(number) - Зум по умолчанию (по умолчанию: 7)
src/index.js- Точка входа, экспорт инициализатораsrc/components/- React компонентыsrc/services/- API клиент и сервисыsrc/utils/- Утилиты и конфигурацияsrc/styles/- CSS стили
См. комментарии TODO в файлах компонентов и сервисов.