Add ability to customize center coordinates

config/nova-google-polygon.php

@@ -2,5 +2,9 @@
 
 return [
     // Get your key from https://console.developers.google.com
-    'api_key' => env('NOVA_GOOGLE_POLYGON_API_KEY', '')
+    'api_key' => env('NOVA_GOOGLE_POLYGON_API_KEY', ''),
+    'center' => [
+        'lat' => env('NOVA_GOOGLE_POLYGON_CENTER_LAT', 48.858361),
+        'lng' => env('NOVA_GOOGLE_POLYGON_CENTER_LNG', 2.336164),
+    ]
 ];

dist/js/field.js.LICENSE.txt

@@ -1,6 +1,6 @@
 /*!
- * vuex v4.0.2
- * (c) 2021 Evan You
+ * vuex v4.1.0
+ * (c) 2022 Evan You
  * @license MIT
  */
 

resources/js/components/DetailField.vue

@@ -1,7 +1,7 @@
 <template>
     <PanelItem :index="index" :field="field">
         <template #value>
-            <Map :center="center" :shape-options="shapeOptions" :readonly="true" :value="value" />
+            <Map :center="center" :shape-options="shapeOptions" :readonly="true" :value="value"/>
         </template>
     </PanelItem>
 </template>
@@ -10,14 +10,17 @@
 import Map from './Map';
 
 export default {
-    components: { Map },
+    components: {Map},
     props: ['index', 'field'],
     computed: {
         value() {
             return this.field.value || [];
         },
         center() {
-            return { lat: 48.858361, lng: 2.336164 };
+            return {
+                lat: parseFloat(Nova.config('googlePolygon').center.lat),
+                lng: parseFloat(Nova.config('googlePolygon').center.lng)
+            };
         },
         shapeOptions() {
             return {

resources/js/components/FormField.vue

@@ -13,19 +13,22 @@
 </template>
 
 <script>
-import { HandlesValidationErrors, FormField } from 'laravel-nova';
+import {FormField, HandlesValidationErrors} from 'laravel-nova';
 import Map from './Map';
 
 export default {
-    components: { Map },
+    components: {Map},
     mixins: [FormField, HandlesValidationErrors],
     props: ['field', 'showHelpText'],
     data: () => ({
         value: [],
     }),
     computed: {
         center() {
-            return { lat: 48.858361, lng: 2.336164 };
+            return {
+                lat: parseFloat(Nova.config('googlePolygon').center.lat),
+                lng: parseFloat(Nova.config('googlePolygon').center.lng)
+            };
         },
         shapeOptions() {
             return {

src/FieldServiceProvider.php

@@ -22,6 +22,7 @@ public function boot(): void
             Nova::provideToScript([
                 'googlePolygon' => [
                     'key' => config('nova-google-polygon.api_key'),
+                    'center' => config('nova-google-polygon.center'),
                 ],
             ]);
         });