Google 地图 api 显示来自 DB 的图像

Question

我有以下来自 ajax 电话的数据：

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

如何在地图中以特定坐标显示图像？我知道如何使用 marker 和 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。

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

Google 地图 api 显示来自 DB 的图像

Google maps api show images from DB

javascript

google-maps-api-3

google-maps-markers