Set view to newly added marker and ensure moved marker coordinates pass validation

Author: rsmithlal

app/javascript/controllers/better_together/map_controller.js

@@ -58,6 +58,7 @@ export default class extends Controller {
     this.element.addEventListener('marker:add', (event) => {
       const { id, latlng } = event.detail
       const marker = L.marker(latlng).addTo(this.map)
+      this.map.setView(latlng, this.map.getZoom()) // Set the map center to the new point
       marker.id = id
 
       // Enable dragging and emit marker:moved event on drag end

app/views/better_together/geography/spaces/_fields.html.erb

@@ -2,11 +2,11 @@
 <div class="row" data-controller="better_together--space-fields">
   <div class="col col-md-6">
     <%= form.label :latitude, "Latitude" %>
-    <%= form.number_field :latitude, step: 0.000001, class: "form-control", placeholder: "Latitude", 'data-better_together--space-fields-target' => "latitude" %>
+    <%= form.number_field :latitude, step: 'any', class: "form-control", placeholder: "Latitude", 'data-better_together--space-fields-target' => "latitude" %>
   </div>
   <div class="col col-md-6">
     <%= form.label :longitude, "Longitude" %>
-    <%= form.number_field :longitude, step: 0.000001, class: "form-control", placeholder: "Longitude", 'data-better_together--space-fields-target' => "longitude" %>
+    <%= form.number_field :longitude, step: 'any', class: "form-control", placeholder: "Longitude", 'data-better_together--space-fields-target' => "longitude" %>
   </div>
   <div class="col col-md-12 mt-3">
     <div class="map" id="<%= dom_id(map) %>"