Google Map With Draggable Marker Example

Websolutionstuff | Jun-11-2020 | Categories : Laravel PHP jQuery

In this example I will show you how to add a google map to your website, In many websites you can see they have added maps on their website to display location or address, here we also display a google map for our website.

So, let's see google map with draggable marker example in laravel, google map API in laravel, how to add a google map in laravel 7/8, integrate google map in laravel, google map API key, google map marker in javascript, google map API integration in laravel 8

It is very easy to use google map, We need to add some javascript and jquery. So, just copy the below code in your blade file and see the output on your screen.

    <title>Google Maps - Simple google map with draggable marker example</title>
    <style type="text/css">
        #map {
            width: 100%;
            height: 500px;
            border: 2px solid red;
<h1 style="text-align: center;">Websolutionstuff - Simple google map with draggable marker example</h1>  
<div id="map"></div>
function initMap() {
    var myLatLng = {lat: 22, lng: 77};
    var map = new google.maps.Map(document.getElementById('map'), {
      center: myLatLng,
      zoom: 4
    var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title: 'Google Maps',
          draggable: true
     google.maps.event.addListener(marker, 'dragend', function(marker) {
        var latLng = marker.latLng;
        document.getElementById('lat-span').innerHTML =;
        document.getElementById('lon-span').innerHTML = latLng.lng();
<script src="" async defer></script> 




 google map


You might also like:

Recommended Post
Featured Post
Bootstrap Daterangepicker Example
Bootstrap Daterangepicker Exam...

In this small tutorial i will show you how to implement bootstrap daterangepicker example, bootstrap date rang...

Read More


Laravel 9 Barcode Generator Example
Laravel 9 Barcode Generator Ex...

In this article, we will see laravel 9 barcode generator example. In this example we will use the milon/barcod...

Read More


How To Install Yajra Datatable In Laravel 10
How To Install Yajra Datatable...

In this article, we will see how to install datatable in laravel 10. Here, we will learn about the laravel 10 yajra data...

Read More


How to Use JSON Data Field in MySQL Database
How to Use JSON Data Field in...

Today, In this post we will see how to use json field in mysql database. In this tutorial i will give mysql json data ty...

Read More