我有以下来自 ajax 调用的数据:
data: [
rest1: {
latlng: ["40.7143528","-74.0059731"],
link: "restaurant1.jpg"
},
rest2: {
latlng: ["40.82148067","-74.35135579"],
link: "restaurant2.jpg"
}
]
如何以特定坐标显示地图中的图像?我知道如何使用标记和信息窗口
添加标记,然后在信息窗口中添加图像。
但是如何在标记的位置显示图像?没有信息窗口
假设您已将图片的地址存储在一个变量中address
,并将标记的位置存储在一个变量中position
。然后,您的代码应如下所示:
var beachMarker = new google.maps.Marker({
position: position,
map: map,
icon: address
});
因此,当您获得 json 文件时,您可能首先parse
是这样的:
data = JSON.parse (data);
然后,您可以像这样使用数据:
var beachMarker = new google.maps.Marker({
position: {data.rest1.latlng[0], data.rest1.latlng[1]},
map: map,
icon: data.rest1.link
});
请查阅谷歌文档。
如果您有任何意见,请告诉我。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句