agentscript
Version:
AgentScript Model in Model/View architecture
37 lines (25 loc) • 874 B
HTML
<html>
<head>
<title>VectorMap</title>
</head>
<body>
<script type="module">
import * as mltools from './mltools.js'
const bbox = mltools.santaFeBBox
let zoom = 10 // int for computing usages, maplibre uses fractional zooms
// ===== Start of map & layers
const terrain = mltools.terrain('usgs')
const elevation = mltools.elevation('mapzen')
const contour = mltools.terrain('contour')
const map = await mltools.newMap(bbox, zoom)
mltools.showTileBoundaries(map)
mltools.addRasterLayer(map, 'terrain', terrain)
mltools.addRasterLayer(map, 'elevation', elevation, 0.25)
mltools.addVectorLayer(map, 'contour', contour, 'red', 2)
const msg = props => 'height: ' + props.height + ', nth line: ' + props.nth_line
mltools.addLayerMovePopup(map, 'contour', msg)
// ===== End of map & layers
</script>
<div id="map"></div>
</body>
</html>