javascript - 根据 mysql 数据库的结果填充具有不同位置的谷歌地图

Question

我正在设置酒店列表以显示在谷歌地图上。这是ajax请求的结果：

$.ajax({
            type: 'POST',
            url: '/hotel/welcome/get_map_listings',
            data: {category:category},
            dataType: 'json',
            success: function(data) {
                jQuery.each(data, function(index, item) {

                });

            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("some error");
            }
        });

这是结果：

[{"id":"1","hotelname":"The Noble Hotel","hotellongitude":"35.29894349999995","hotellatitude":"0.5113938999999998"},{"id":"2","hotelname":"Sirikwa Hotel","hotellongitude":"35.275458399999934","hotellatitude":"0.5207466999999999"},{"id":"3","hotelname":"Nakubreeze Hotel","hotellongitude":"","hotellatitude":""}]

这是地图功能：

function locationData(locationURL, locationImg, locationTitle, locationAddress, locationPrice) {
            return ('<div class="map-popup-wrap"><div class="map-popup"><div class="infoBox-close"><i class="far fa-times"></i></div><a href="' + locationURL + '" class="listing-img-content fl-wrap"></a> <div class="listing-content fl-wrap"><div class="listing-title fl-wrap"><h4><a href=' + locationURL + '>' + locationTitle + '</a></h4></div></div></div></div>')
        }

和位置变量来自样本手动输入的虚拟数据：

var locations = [
            [locationData('welcome/hotel/2', 'Sample Hotel'), 40.72956781, -73.99726866, 0, markerIcon],
        ];

我真的不确定如何放置这些数组值以使其显示在地图上

标签： javascriptjqueryajaxgoogle-maps