Laravel 8 fetching coordinates data and display in Google Maps in JavaScript

Question

I have coordinates stored in my database, and I want to fetch those coordinates to display on Google Maps, where the user will click on the link which says like "view on map" in the column table. However, the link will redirect to that map based on stored coordinates from the database, and I don't know how to fetch those coordinates from the database with JavaScript.

var map;
var myLatLng;

function initMap() {
  
  var loc = { lat: -74.17972, lng:34.56445312 };
 
  
  var map = new google.maps.Map(document.getElementById("map"), {
    zoom: 8,
    center: loc,
  });
  
  var marker = new google.maps.Marker({
    position: loc,
    map: map,
    draggable: true
  });
}

Ahmed Adel · Accepted Answer · 2022-02-13 09:57:27Z

1

I believe the way to make client js talks to you db , will be through an API Call by Ajax.

You can create an Api route and controller function to handle query the coords from the DB and test it out

answered Feb 13, 2022 at 9:57

Ahmed Adel

315 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel 8 fetching coordinates data and display in Google Maps in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related