Places service: only request place location

src/components/Map.vue

@@ -75,6 +75,8 @@
                     currentMap.setZoom(17);
                     reset();
                 } else {
+                    pacinput.value?.blur()
+
                     const sessionToken = new google.maps.places.AutocompleteSessionToken();
                     const rest = await service.getPlacePredictions({
                         input: place.name!,
@@ -83,7 +85,8 @@
 
                     placesService.getDetails({
                         sessionToken,
-                        placeId: rest.predictions[0].place_id
+                        placeId: rest.predictions[0].place_id,
+                        fields: ['geometry.location']
                     }, (res) => {
                         if (!res?.geometry?.location) {
                             return;
@@ -92,6 +95,7 @@
                         currentMap.setCenter(res.geometry.location);
                         currentMap.setZoom(17);
                         reset();
+                        
                     })
                 }
 

src/index.css

@@ -106,7 +106,7 @@ how to remove the virtical space around the range input in IE*/
 
 .controls {
   outline: none;
-  @apply shadow-md rounded-md h-10 mt-4 border
+  @apply shadow-md rounded-md h-10 mt-1 border
 }
 
 #pac-input {