Javascript 如何在谷歌地图上使用Instagram图片添加多个标记

Javascript 如何在谷歌地图上使用Instagram图片添加多个标记,javascript,php,json,google-maps,Javascript,Php,Json,Google Maps,所以,我正试图在谷歌地图上找到多个标记。每个标记都包含某个用户的Instagram图像。目前,我只能显示一张Instagram图像的标记。我知道我需要创建一个数组,并且我应该循环该数组,但是我现在还不确定该怎么做。以下是迄今为止我的代码的一些部分: foreach($phplijst->data as $data){ $lat = [$data->location->latitude]; $lng = [$data->lo

所以,我正试图在谷歌地图上找到多个标记。每个标记都包含某个用户的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.""; ?>);
foreach($phplijst->data as$data){
$lat=[$data->位置->纬度];
$lng=[$data->location->longitude];
回显“[””、“$data->图像->低分辨率->url.”、“$data->位置->纬度。”、“$data->位置->经度”。”;
}
var mylatng=new google.maps.LatLng();

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

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

我声明了一个称为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 }

    });
}