huashui
/
a3web
4
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

openlayers

This commit is contained in:
SongWei 2020-02-16 11:14:59 +11:00
parent 2c3c02bd29
commit 2b44e5deae
3 changed files with 61 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
front/index.js
View File

@ -1,17 +1,54 @@
import 'ol/ol.css';
import {Map, View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';
import Map from 'ol/Map';
import View from 'ol/View';
import {getCenter} from 'ol/extent';
import ImageLayer from 'ol/layer/Image';
import Projection from 'ol/proj/Projection';
import Static from 'ol/source/ImageStatic';
const map = new Map({
target: 'map',
import {Vector as VectorLayer} from 'ol/layer';
import VectorSource from 'ol/source/Vector';
import Feature from 'ol/Feature';
import Point from 'ol/geom/Point';
var testMarker = new Feature({
type: 'icon',
geometry: new Point([7000.0, 9000.0])
});
var vectorLayer = new VectorLayer({
source: new VectorSource({
features: [testMarker]
})
})
var extent = [0, 0, 15360, 15359];
var projection = new Projection({
code: 'xkcd-image',
units: 'pixels',
extent: extent
});
var map = new Map({
layers: [
new TileLayer({
source: new OSM()
})
new ImageLayer({
source: new Static({
attributions: '© <a href="http://xkcd.com/license.html">xkcd</a>',
url: './maps/Tanoa.png',
projection: projection,
imageExtent: extent
})
}),
vectorLayer
],
target: 'map',
view: new View({
center: [0, 0],
zoom: 0
projection: projection,
center: getCenter(extent),
zoom: 2,
maxZoom: 8
})
});
// icon and text

11
server.lisp
View File

@ -90,8 +90,9 @@
(funcall route-function env)))))
:name "webserver"))
(defparameter *web* (car (sb-thread:list-all-threads)))
(list *web*)
(sb-thread:terminate-thread *web*)
(sb-thread:list-all-threads)
(mapcar #'sb-thread:terminate-thread
(remove-if-not
(lambda (thread)
(string= "webserver" (sb-thread:thread-name thread)))
(sb-thread:list-all-threads)))

13
static/index.html
View File

@ -2,16 +2,19 @@
<html>
<head>
<meta charset="utf-8">
<title>Using Parcel with OpenLayers</title>
<title>leoservermod</title>
<style>
#map {
width: 400px;
height: 250px;
.map {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<div id="map" class="map"></div>
<script src="./index.js"></script>
</body>
</html>