Question

我得到了一个分配，因为我必须在“我的地方”地图图层上嵌入谷歌地图，上面有一些“PlaceMarks”。

由于谷歌的内置功能很好，这很容易。

然而，问题在于，当访客点击其中一个地方标记时，可能会更改其嵌入页面上的内容。例如，通过调用一些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.
});

您可以使用infoWindow显示您需要的内容：

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);
});

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

1 个答案: