agentscript
Version:
AgentScript Model in Model/View architecture
36 lines (26 loc) • 1.02 kB
HTML
<html>
<head>
<title>StreetData</title>
</head>
<body>
<div id="map"></div>
<script type="module">
import * as mltools from './mltools.js'
import * as util from '../src/utils.js'
// ===== Start of map & layers
const map = await mltools.newMap(mltools.santaFeCenter, 14) // zoom: 14
mltools.addRasterLayer(map, 'terrain', mltools.terrain('osm'))
// const bbox = mltools.mapbbox(map)
const bbox = mltools.santaFeSmallBBox
// Create a rect layer of this bbox on map.
mltools.addGeojsonLayer(map, 'rectangle', bbox, 'transparent', '#0074D9', 2)
// modify the geojason above by dragging a new rect
mltools.dragRectListener(map, 'rectangle', async (bbox) => {
const json = await mltools.fetchStreetsJson(bbox)
// util.downloadJson(json, 'santaferoads.json')
map.getSource('rectangle').setData(json)
}, bbox)
// ===== End of map & layers
</script>
</body>
</html>