Javascript 如何在谷歌地图上使用Instagram图片添加多个标记
所以,我正试图在谷歌地图上找到多个标记。每个标记都包含某个用户的Instagram图像。目前,我只能显示一张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
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 }
});
}