Add initial map for showing ArcGIS tiles

This commit is contained in:
Eli Ribble 2026-03-05 17:43:40 +00:00
parent 3a747b2b1d
commit f3d38a6045
No known key found for this signature in database
3 changed files with 174 additions and 0 deletions

View file

@ -6,11 +6,13 @@
type="text/javascript"
src="//unpkg.com/maplibre-gl@5.0.1/dist/maplibre-gl.js"
></script>
<script src="/static/js/map-arcgis-tile.js"></script>
<script src="/static/js/map-multipoint.js"></script>
<script
defer
src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
></script>
<script src="https://unpkg.com/@esri/maplibre-arcgis@1.1.0/dist/umd/maplibre-arcgis.min.js"></script>
<script>
// Return two points defining a bounding box for the given points
@ -510,6 +512,26 @@
</button>
</div>
</div>
<div class="card border">
<div class="card-body">
<template
x-for="signal in selectedSignals"
:key="signal.id"
>
<div class="map-container">
<map-arcgis-tile
class="map"
arcgis-access-token="{{ .C.ArcgisAccessToken }}"
organization-id="{{ .Organization.ID }}"
tegola="{{ .URL.Tegola }}"
:latitude="signal.location.latitude"
:longitude="signal.location.longitude"
>
</map-arcgis-tile>
</div>
</template>
</div>
</div>
</div>
</div>
</div>