javascript - 使用谷歌地图嵌入地标来更改页面内容

Question

我刚接到一个任务，我必须从“我的地点” map 图层中嵌入一张谷歌地图，上面有一些“PlaceMarks”。

这要归功于 Google 出色的内置函数。

但是，问题在于，当 guest 单击其中一个地标时，它应该会更改其嵌入的页面上的内容。例如通过调用一些 JavaScript 函数。另一种可行的方法是，如果可以在 Placemarker 描述中进行一些测试，并且在此链接中，当按下该链接时，将再次通过调用某种 JavaScript 函数来更改嵌入的页面上的内容。

有什么好的方法可以做到这一点吗？

Answer 1

您需要监听标记的 click 事件。这是我网站上的一些代码:

var marker =new google.maps.Marker({
    position: new google.maps.LatLng(searchResult.Latitude,searchResult.Longitude),
    map: googleMap,
});
google.maps.event.addListener(marker, 'click', function() {
    //Function called when user clicks on the marker.
    //change page content here.
});

您可以使用信息窗口来显示您需要的任何内容:

google.maps.event.addListener(marker, 'click', function () {
    var infoWindow = new google.maps.InfoWindow();
    infoWindow.setContent("Content shown in infowindow above the map marker.");
    infoWindow.open(googleMap,marker);
});