Question

我有以下来自ajax调用的数据：

data: [
    rest1: {
        latlng: ["40.7143528","-74.0059731"],
        link: "restaurant1.jpg"
    },
    rest2: {
        latlng: ["40.82148067","-74.35135579"],
        link: "restaurant2.jpg"
    }
]

如何以特定坐标显示地图中的图像？我知道如何使用marker和infowindow

来做到这一点

添加标记，然后在infowindow中添加图像。

但是如何在标记处显示图像？没有infowindow

Answer 1

假设您已将图片的地址存储在变量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
  });

请参阅google documentation。

如果您有任何意见，请告诉我。

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

1 个答案: