Php 如何在谷歌地图的标记上动态显示数据库值？

这是我从数据库中获取记录并显示联机用户的代码

正如你们在数组中看到的“abc”，它的静态值显示在地图上的每个标记上。我想要的是数据库中的用户名，它位于“abc”静态值所在的标记上 我不知道如何在那个地方得到这个db值。下面是我的地图功能

---

请提前向我表示同样的感谢

您可以编写一个加入查询，从数据库中获取用户名并在地图的信息窗口中显示：

// Allow each marker to have an info window
    google.maps.event.addListener(marker, 'click',  (function (marker, i) {
        return function () {
            infoWindow.setContent(markers[i][0]);
            infoWindow.open(map, marker);
        }
    })(marker, i));

<script>
function initialize() {
    var map;
    var bounds = new google.maps.LatLngBounds();
    var mapOptions = {
        mapTypeId: "roadmap",
        center: new google.maps.LatLng(20.5937, 78.9629), // somewhere in the uk BEWARE center is required
        zoom: 1,
    };
    // Display a map on the page
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    map.setTilt(45);
    // Multiple Markers
    var markers = <?php echo json_encode( $markers );?>;
     // Display multiple markers on a map
    var infoWindow = new google.maps.InfoWindow();
    var marker, i;
    // Loop through our array of markers & place each one on the map
    for (i = 0; i < markers.length; i++) {
        var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
        bounds.extend(position);
        marker = new google.maps.Marker({
            position: position,
            map: map,
            title: markers[i][0]
        });
        // Allow each marker to have an info window
        google.maps.event.addListener(marker, 'click',  (function (marker, i) {
            return function () {
                infoWindow.setContent(infoWindowContent[i][0]);
                infoWindow.open(map, marker);
            }
        })(marker, i));

        // Automatically center the map fitting all markers on the screen
        map.fitBounds(bounds);
    }
    //Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function (event) {
        this.setZoom(5);
        google.maps.event.removeListener(boundsListener);
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

// Allow each marker to have an info window
    google.maps.event.addListener(marker, 'click',  (function (marker, i) {
        return function () {
            infoWindow.setContent(markers[i][0]);
            infoWindow.open(map, marker);
        }
    })(marker, i));

  google.maps.event.addListener(marker, 'click',  (function (marker, i) {
        return function () {
            infoWindow.setContent(markers[i][0]);
            infoWindow.open(map, marker);
        }
google.maps.event.addListener(marker, 'click',  (function (marker, i) {
        return function () {
            infoWindow.setContent(markers[i][0]);
            infoWindow.open(map, marker);
        }
    })(marker, i));
    })(marker, i));
google.maps.event.addListener(marker, 'click',  (function (marker, i) {
        return function () {
            infoWindow.setContent(markers[i][0]);
            infoWindow.open(map, marker);
        }
    })(marker, i));