Error in viewing multiple Google Maps markers PHP, JS, HTML

Question

I’m trying to make a Google Maps map that shows the location of a garbage dump, information that is contained in the form of coordinates, in a database, and the weight of the dump, also contained in the database.

What’s the problem if the markers aren’t all on Google Maps?

Answer 1

<?php
echo' <script>

        function myMap() {
            var myCenter = new google.maps.LatLng('.$users_dumps_map[$dump['container_id']].');
            var mapCanvas = document.getElementById("map");
            var mapOptions = {
                center: myCenter,
                zoom: 5
            };
            var map = new google.maps.Map(mapCanvas, mapOptions);
            var markers = [];';

  foreach ($users_dumps_map as $value) {
    $aux = explode(",", $value);
    echo 'markers.push(
            new google.maps.Marker(
              { position: { lat: ' . $aux[0] . ', lng: ' . $aux[1] . ' } , map: map }
            );
          );';
  }

echo '
            var infowindow = new google.maps.InfoWindow({
                content: "'.$dump['quantity'].'"
            });
            infowindow.open(map, marker);
        }

    </script>';
?>

Answer 2

You are only printing a marker on the map, so it will only show one.

Each marker must be a new object google.maps.Map. Since you are printing via PHP, you can iterate the data via PHP:

$latLngList = [
    '40.349859, -8.583798',
    '38.720430, -9.154948',
    '41.159531, -8.659574',
    '40.3497085,-8.5958659'
];

//iteração da lista
foreach($latLngList as $latLng)
{
    echo "var latLng = new google.maps.LatLng($latLng);
    ";

    //criação de cada marcador
    echo "var marker = new google.maps.Marker({position: latLng , map: map});
    ";
}

This is the basic one, you must iterate over each location and create a new marker by linking to the map. I omitted the rest of the code, because it will remain virtually the same.