javascript - 如何从 DB(mysql) 加载数据到 google maps API(laravel)

Question

所以我有这个 laravel 应用程序，我需要我的谷歌地图 API 来加载一些标记。我将每个标记的纬度和经度存储在我的数据库中，我想将所有这些数据传递到谷歌地图 API 的脚本中:

    function initMap() {
    var lafarinera = {lat: 41.934029, lng: 2.265616};
    var vic = {lat: 41.930445, lng: 2.254321};
    var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 8,
    center: vic
    });
    var contentString = '<div id="content">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h3 id="firstHeading" class="firstHeading">La Farinera</h3>'+
    '<img src="">'+
    '<div id="bodyContent">'+
    '<p> 84, Carrer de Sant Jordi, 82, 08500 Vic, Barcelona </p>'+
    '<button type="button" class="btn btn-primary">Informacio</button>'+
    '</div>'+
    '</div>';
        var infowindow = new google.maps.InfoWindow({
            content: contentString,
            maxWidth: 200
        });
            var marker_lafarinera = new google.maps.Marker({
            position: lafarinera,
            map: map,
            title: 'La farinera'
        });
        marker_lafarinera.addListener('click', function() {
            infowindow.open(map, marker_lafarinera);
        });
    }

这样它只通过一个标记工作，因为我有 lat 和 lng static 但我想要的是只传递来自 de db 的所有数据，这样我就可以在我的 .js 中使用它.

Answer 1

需要在script标签中添加markers数组或者通过ajax获取

<script>
  var markers= @json($markers);

  $.each(markers as marker,function(){
      addMarkerToMap(marker);
  });

  function addMarkerToMap(marker){

        var location = new google.maps.LatLng(marker.latitude,marker.longitude);

        marker = new google.maps.Marker({
            position: location,
            map: map,
        });

  });
</script>