如何在谷歌地图上添加带有Instagram图片的多个标记


How to add multiple markers with Instagram pictures on google maps

所以我很想在谷歌地图上获得多个标记。每个标记都包含来自某个用户的Instagram图像。目前,我只能在Instagram上显示一张图片。我知道我需要制作一个数组,我应该循环这个数组,但我现在不确定如何做到这一点。以下是到目前为止我的代码的一些部分:

foreach($phplijst->data as $data){
            $lat = [$data->location->latitude];
            $lng = [$data->location->longitude];

            echo "['".$data->images->low_resolution->url."',".$data->location->latitude.",".$data->location->longitude."]";
    }
<script>
        var myLatlng = new google.maps.LatLng(<?php echo "".$lat.",".$lng.""; ?>);

这些只是我代码的一部分,但你应该知道我在这里做了什么。我已经知道了多个图像的位置,但我不知道如何循环它们。目前我只得到了第一个图像的标记。有人知道如何循环图像+位置吗?

我的地图中有类似的东西;这对你有帮助吗:

我声明了一个叫做map的变量:

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

然后做了一个循环:

for (var obj in data) {
    var pointer = data[obj];
    pointer.image = "red_icon.png";
    var position = new google.maps.LatLng(pointer.Latitude, pointer.Longitude);
    pointer.marker = new google.maps.Marker({
        position: position,
        map: map,
        title: pointer.Title,
        icon: "../../Content/images/" + pointer.image,
        custom: { id : pointer.ObjectiveId }
    });
}