---
title: "Map Test Page"
layout: "base.njk"
---
<!-- Tutorial https://www.freecodecamp.org/news/learn-eleventy/ -->

<h1>Map test</h1>
<h2>Map 1</h2>
<div id="map1" class="mapContainer"></div>
<div style="margin: 10px 0">
    <label>Places search: <input id="placesSearch" type="text" placeholder="Search for places" style="width: 400px"></label>
</div>
<div style="margin: 10px 0">
    Autocomplete:<br>
    <label>Autocomplete search: <input id="autocompleteSearch" type="text" placeholder="Search..." style="width: 400px"></label>
    <br><button id="autocompleteResetType">Reset type</button>
</div>
<div style="margin: 10px 0">
    Enable/Disable UI:<br>
    <button id="disableUI">Disable UI</button> <button id="enableUI">Enable UI</button>
</div>
<h2>Map 2</h2>
<div id="map2" class="mapContainer"></div>
<h2>Map 3</h2>
<div  class="map3Selector mapContainer"></div>
<h2>Map 4</h2>
<div id="map4" class="mapContainer"></div>

<script src="{{ '/js/map.js'|url|safe}}"></script>