fixed route

Author: wasile

app/Http/Controllers/ClinicController.php

@@ -3,6 +3,7 @@
 namespace App\Http\Controllers;
 
 use App\Clinic;
+use App\Services\MapV2;
 use App\Speciality;
 use Illuminate\Database\Eloquent\Collection;
 use Illuminate\Http\Request;
@@ -56,7 +57,22 @@ public function index(string $locale)
      */
     public function show(string $locale, Clinic $clinic)
     {
+        $config['center'] = "{$clinic->country->name}, {$clinic->city}, {$clinic->address}";
+        $config['zoom'] = '15';
+        $config['height'] = '450px';
+        $config['apiKey'] = config('services.google.maps.api-key');
+        $config['language'] = $locale;
+
+        $map = new MapV2($config);
+        $map->add_marker([
+            'position' => $config['center'],
+            'title' => $clinic->name,
+        ]);
+        $renderedMap = $map->create_map();
+
+
         return view('frontend.clinic-details')
-            ->with('clinic', $clinic);
+            ->with('clinic', $clinic)
+            ->with('map', $renderedMap);
     }
 }

app/Services/MapV2.php

@@ -0,0 +1,73 @@
+<?php
+
+namespace App\Services;
+
+use GeneaLabs\LaravelMaps\Map;
+
+class MapV2 extends Map
+{
+    public function get_lat_long_from_address($address, $attempts = 0)
+    {
+        $lat = 0;
+        $lng = 0;
+
+        $error = '';
+
+        if ($this->geocodeCaching) { // if caching of geocode requests is activated
+
+            $CI = & get_instance();
+            $CI->load->database();
+            $CI->db->select("latitude,longitude");
+            $CI->db->from("geocoding");
+            $CI->db->where("address", trim(strtolower($address)));
+            $query = $CI->db->get();
+
+            if ($query->num_rows() > 0) {
+                $row = $query->row();
+
+                return array($row->latitude, $row->longitude);
+            }
+        }
+        //utf8_encode($address) will return only english adress mean it's take only english address.
+        // Remove utf8_encode from urlencode then it'll support all languages(eg. en, ur, chinese, russian, japanese, greek etc.)
+        // $data_location = "https://maps.google.com/maps/api/geocode/json?address=".urlencode(utf8_encode($address)); //Old One just for english
+        $data_location = "https://maps.google.com/maps/api/geocode/json?address=".urlencode($address); // New One for every language.
+
+        if ($this->apiKey != "") {
+            $data_location .= '&key='.$this->apiKey.'&';
+        }
+
+        if ($this->region != "" && strlen($this->region) == 2) {
+            $data_location .= "&region=".$this->region;
+        }
+        $data = file_get_contents($data_location);
+        $data = json_decode($data);
+
+        if ($data->status == "OK") {
+            $lat = $data->results[0]->geometry->location->lat;
+            $lng = $data->results[0]->geometry->location->lng;
+
+            if ($this->geocodeCaching) { // if we to need to cache this result
+                if ($address != "" && $lat != 0 && $lng != 0) {
+                    $data = array(
+                        "address" => trim(strtolower($address)),
+                        "latitude" => $lat,
+                        "longitude" => $lng,
+                    );
+                    $CI->db->insert("geocoding", $data);
+                }
+            }
+        } else {
+            if ($data->status == "OVER_QUERY_LIMIT") {
+                $error = $data->status;
+                if ($attempts < 2) {
+                    sleep(1);
+                    ++$attempts;
+                    list($lat, $lng, $error) = $this->get_lat_long_from_address($address, $attempts);
+                }
+            }
+        }
+
+        return array($lat, $lng, $error);
+    }
+}

composer.json

@@ -18,6 +18,7 @@
         "fideloper/proxy": "^4.2",
         "flynsarmy/csv-seeder": "^2.0",
         "fruitcake/laravel-cors": "^1.0",
+        "genealabs/laravel-maps": "^0.7.0",
         "guzzlehttp/guzzle": "^6.3",
         "laravel/framework": "^7.0",
         "laravel/tinker": "^2.0",

composer.lock

@@ -30,4 +30,9 @@
         'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
     ],
 
+    'google' => [
+        'maps' => [
+            'api-key' => env('GOOGLE_MAPS_API_KEY'),
+        ],
+    ],
 ];

config/services.php

@@ -96,9 +96,10 @@
         </div>
     </div>
     <section class="mb-0 clinic-map">
-{{--        <iframe src="https://www.google.com/maps/embed?q=1%20Grafton%20Street,%20Dublin,%20Ireland" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>--}}
-        <iframe width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"
-            src="https://maps.google.com/maps?height=450&amp;hl={{ request()->route()->parameters['locale'] }}&amp;q={{ urlencode("{$clinic->country->name}, {$clinic->city}, {$clinic->address}") }}&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"
-        ></iframe>
+            {!! $map['html'] !!}
     </section>
 @endsection
+
+@section('head-scripts')
+    {!! $map['js'] !!}
+@endsection

resources/views/frontend/clinic-details.blade.php

@@ -38,6 +38,7 @@
     <link href="{{ asset('/css/font-awesome.css') }}" rel="stylesheet"/>
     <link href="{{ mix('/css/app.css') }}" rel="stylesheet">
     <link type="text/css" href="{{ mix('/css/argon-design-system.css') }}" rel="stylesheet">
+    @yield('head-scripts')
 </head>
 <body>
     <div id="app">