谷歌地图api显示来自数据库的图像

布鲁诺·皮加托

我有以下来自 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章