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

时间:2015-03-17 12:15:28

标签: javascript php json 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.""; ?>);

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

1 个答案:

答案 0 :(得分:0)

我的地图中有类似的内容;这对你有什么帮助:

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

    });
}