Membuat Google map api pada laravel 5.4

permisi kak, saya mau tanya tentang pembuatan maps pada laravel, untuk pembuatan marker dengan latitude dan longitude dari database gimana ya kak. mohon pencerahannya terkait hal tersebut kak ? untuk view dengan coding seperti ini :

  <script src="http://maps.googleapis.com/maps/api/js"></script>
 <script type="text/javascript">
    var locations = <?php print_r(json_encode($locations)) ?>;
    var mymap = new GMaps({
      el: '#mymap',
      lat:  -7.764487,
      lng: 110.4362636,
      zoom:6
    });
    $.each( locations, function( index, value ){
      mymap.addMarker({
        lat: value.lat,
        lng: value.lng,
        title: value.city,
        click: function(e) {
          alert('This is '+value.city+', gujarat from India.');
        }
      });
   });
  </script>
</head>
<body>
  <div id="googleMap" style="width:100%;height:400px;"></div>
</body>
      <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyArStKENbYHGKHR1lLGx3YmGVb8xR0QH3I&callback=initMap">
    </script>

dan controller seperti berikut :

  public function index(Request $request)
    {
    	$query = $request->get('query');
        $locations = Peta::where('nama', 'LIKE', '%'.$query.'%')
                                ->orWhere('id', 'LIKE', '%'.$query.'%')
                                ->orderBy('id', 'ASC')
                                ->paginate(10);
        return view('admin.petacoba', compact('locations'));
    }
avatar yenimulya
@yenimulya

50 Kontribusi 2 Poin

Dipost 5 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban