Laravel - Multiple markers in google map using gmaps.js

Admin   PHP   2020-07-09 09:19:58

Today, we learn how to implement google map with multiple marker using gmaps.js library in Laravel 5. We can also simply use google map API for maps, But gmaps.js is very popular and they provides very simple way to generate google map.

gmaps.js through we can make multiple markers, make routes, Geocoding, Map events etc. In this example i use multiple markers example.

If you are beginner then also you can do it simply following post, i did this example from scratch.

So, After finish all tutorial you will find layout as bellow:

Preview:

Ok, so first we have a one table "location" with bellow structure and data.

location table:

After this we have to add one route for our example, so if you have laravel 5 then open route file and add bellow route:

routes/web.php

Route::get('gmaps', '[email protected]');

Ok, now we have to make "gmaps" method on "HomeController". So, first if you haven't created HomeController then first create HomeController and put bellow code:

app/Http/Controllers/HomeController.php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Requests;

use DB;

class HomeController extends Controller

{

public function gmaps()

{

$locations = DB::table('locations')->get();

return view('gmaps',compact('locations'));

}

}

At Last we have to create gmaps.blade.php file on resources folder, so create view file and put bellow code:

resources/views/gmaps.blade.php

.

Maybe It can help you...