mirror of
https://github.com/CIMEngine/map.git
synced 2025-02-22 18:53:11 +03:00
refactor: full module deps
This commit is contained in:
parent
98daedc9c2
commit
d6d614195d
6 changed files with 2857 additions and 118 deletions
|
|
@ -14,17 +14,7 @@
|
|||
<link rel="stylesheet" href="./index.css">
|
||||
|
||||
<link rel="icon" type="image/x-icon" href="https://i.imgur.com/i0yls6d.png">
|
||||
<link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet" />
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mapbox-gl-controls@2.3/lib/controls.min.css">
|
||||
<link href="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.css" rel="stylesheet" />
|
||||
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
|
|
@ -41,29 +31,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<!-- <div class="menu">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<img class="w-50" src="https://erth2.github.io/movc/icons/movc-logo.png">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h4>Map of ERTH2</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div id="map"></div>
|
||||
|
||||
<script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
|
||||
<script type="text/javascript" src="https://unpkg.com/showdown/dist/showdown.min.js"></script>
|
||||
<script src="https://watergis.github.io/mapbox-gl-export/mapbox-gl-export.js"></script>
|
||||
|
||||
<script src="./index.bundle.js" async defer></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
64
src/index.js
64
src/index.js
|
|
@ -1,9 +1,22 @@
|
|||
import {
|
||||
StylesControl,
|
||||
ZoomControl,
|
||||
CompassControl,
|
||||
InspectControl,
|
||||
} from "mapbox-gl-controls";
|
||||
import "./index.css";
|
||||
|
||||
import "bootstrap";
|
||||
import "bootstrap/dist/css/bootstrap.min.css";
|
||||
|
||||
import StylesControl from "@mapbox-controls/styles";
|
||||
import ZoomControl from "@mapbox-controls/zoom";
|
||||
import CompassControl from "@mapbox-controls/compass";
|
||||
import InspectControl from "@mapbox-controls/inspect";
|
||||
|
||||
import "@mapbox-controls/styles/src/index.css";
|
||||
import "@mapbox-controls/zoom/src/index.css";
|
||||
import "@mapbox-controls/compass/src/index.css";
|
||||
import "@mapbox-controls/inspect/src/index.css";
|
||||
|
||||
import mapboxgl from "mapbox-gl";
|
||||
import "mapbox-gl/dist/mapbox-gl.css";
|
||||
|
||||
import showdown from "showdown";
|
||||
|
||||
function loginfo(...str) {
|
||||
let info = str.shift();
|
||||
|
|
@ -29,9 +42,29 @@ window.onload = async () => {
|
|||
).json()
|
||||
)[mapId];
|
||||
|
||||
const geoURL = params.geoURL || mapDataFromId.geoURL;
|
||||
const countryInfoUrl = params.countryInfoURL || mapDataFromId.countryInfoURL;
|
||||
const debug = params.debug || false;
|
||||
if (mapDataFromId.external) {
|
||||
mapDataFromId = await (await fetch(mapDataFromId.external)).json();
|
||||
}
|
||||
|
||||
if (!mapDataFromId) {
|
||||
alert(`Map ${mapId} not found`);
|
||||
}
|
||||
|
||||
if (mapDataFromId.icon) {
|
||||
document.getElementById("icon").setAttribute("href", mapDataFromId.icon);
|
||||
}
|
||||
|
||||
let geoURL, countryInfoUrl, debug;
|
||||
|
||||
if (params.external) {
|
||||
const data = await (await fetch(params.external)).json();
|
||||
|
||||
geoURL = data.geoURL;
|
||||
}
|
||||
|
||||
geoURL = params.geoURL || mapDataFromId.geoURL;
|
||||
countryInfoUrl = params.countryInfoURL || mapDataFromId.countryInfoURL;
|
||||
debug = params.debug || false;
|
||||
|
||||
mapboxgl.accessToken =
|
||||
"pk.eyJ1IjoiYXJ0ZWdvc2VyIiwiYSI6ImNrcDViN3BhcDAwbW0ydnBnOXZ0ZzFreXUifQ.FIVtaBNr9dr_TIw672Zqdw";
|
||||
|
|
@ -64,18 +97,7 @@ window.onload = async () => {
|
|||
);
|
||||
|
||||
map.addControl(new ZoomControl(), "top-right");
|
||||
map.addControl(new CompassControl(), "top-right");
|
||||
map.addControl(
|
||||
new MapboxExportControl({
|
||||
PageSize: Size.A3,
|
||||
PageOrientation: PageOrientation.Portrait,
|
||||
Format: Format.PNG,
|
||||
DPI: DPI[96],
|
||||
Crosshair: true,
|
||||
PrintableArea: true,
|
||||
}),
|
||||
"top-right"
|
||||
);
|
||||
map.addControl(new CompassControl(), "bottom-right");
|
||||
|
||||
if (debug) {
|
||||
map.addControl(new InspectControl(), "bottom-right");
|
||||
|
|
|
|||
|
|
@ -1,23 +1,29 @@
|
|||
import resolve from "@rollup/plugin-node-resolve";
|
||||
import commonjs from "@rollup/plugin-commonjs";
|
||||
import copy from "rollup-plugin-copy";
|
||||
import css from "rollup-plugin-import-css";
|
||||
import terser from "@rollup/plugin-terser";
|
||||
|
||||
export default [
|
||||
{
|
||||
input: "src/index.js",
|
||||
output: {
|
||||
file: "dist/index.bundle.js",
|
||||
format: "iife",
|
||||
format: "esm",
|
||||
sourcemap: true,
|
||||
plugins: [terser()],
|
||||
},
|
||||
context: "window",
|
||||
plugins: [
|
||||
css({
|
||||
output: "index.css",
|
||||
minify: true,
|
||||
}),
|
||||
resolve(),
|
||||
commonjs({ sourceMap: false }),
|
||||
commonjs(),
|
||||
copy({
|
||||
targets: [
|
||||
{ src: "src/index.html", dest: "dist" },
|
||||
{ src: "src/index.css", dest: "dist" },
|
||||
{ src: "icons/*", dest: "dist/icons" },
|
||||
],
|
||||
}),
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue