如何在谷歌地图上添加带有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 }
});
}
相关文章:
- 谷歌地图固定位置覆盖
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌地图标记不会显示
- 无法在JS中显示谷歌地图
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 在谷歌地图上获取事件的x,y坐标
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 模拟谷歌地图中的点击
- 如何知道哪个标记被谷歌地图点击了
- 谷歌地图JS API+JSON-多个标记没有显示
- 缓存谷歌地图数据
- 谷歌地图劫持了iphone's滚动(触摸事件)-如何恢复
- 在谷歌地图上绘制位置数据库
- 标记的实时更新,无需加载页面谷歌地图API V3
- 可以't计算自定义谷歌地图的js
- 谷歌地图可以't添加正确的标记ID
- 如何在谷歌地图上添加带有Instagram图片的多个标记
- 用Instagram图片代替谷歌地图标记