Search for a location

Open this example in a new tab: search-for a location

<script src="https://cdn.policedigital.services/frontend/144/js/map.js"></script>  
<div class="map-fallback">  
  <label class="form__label repeatable" for="eg">Describe the location</label>  
  <p class="form__hint">Be as accurate as possible -- for example A369 at the Pill turn-off. Landmarks and other unique  
    information is also helpful.</p>  
  <textarea name="eg" class="form__textarea" id="eg"  
    rows="4">valueEg</textarea>  
</div>  
<script id="map-template" type="text/template">  
  <div class="map-control form__group">  
    <label class="form__label" for="pac-input">Search for a location</label>  
    <p class="form__hint">To find the location, <b>search by address or postcode</b>, or <b>drop a pin</b> on the map.</p>  
    <input id="pac-input" class="form__input form__input--100" type="text" placeholder="" aria-autocomplete="inline">  
    <p><input class="link" type="button" value="Use your current location" id="buttonCurrentLocation"></p>  
    <p class="form__hint">If using the map below, switch to Satellite and use zoom controls to select the exact location.</p>  
    <div id="map" data-lat="" data-lng=""></div>  
    <input type="hidden" class='map-coord-hidden' value="valueEg" name="eg" />  
    <input type="hidden" value="true" id="mapAllowsOutsideForceArea" />  
  </div>  
  <div class="asp-notification asp-notification--amber" id="force-info" role="alert" style="display:none"></div>  
</script>  
<script async defer  
  src="https://maps.googleapis.com/maps/api/js?key={{ GOOGLE_MAPS_KEY }}&callback=initMap&libraries=places"  
  type="text/javascript"></script>