0

我在这里看到了类似的问题没有答案或者他们需要刷新页面，我希望我能从比我更熟悉 Google Maps API 的人那里得到答案，我希望它能够在无需刷新的情况下工作这页纸。

我在网页上有一个嵌入的谷歌地图，我在网页的 HTML 中有一个位置列表。

我希望这样当访问者单击其中一个位置时，它会在嵌入式地图上显示该位置。

听起来很简单吧？我已经在 API 上阅读了 2 天的文档，但似乎找不到我想要的东西。

我期待能够调用将设置位置/标记/信息框的链接的 JS 函数 onClick。我基本上只需要知道如何通过链接与嵌入地图进行通信。我可以自己整理 infoBox 和其余部分。

非常感谢您的阅读！

如果您想知道，我正在使用以下 JS 嵌入谷歌地图：

function initialize() {

    var mapOptions = {
        zoom: 8,
        panControl: false,
        rotateControl: false,
        scaleControl: false,
        streetViewControl: false,
        center: new google.maps.LatLng(51.004106,-114.135442),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }   
    var map = new google.maps.Map(document.getElementById("header"), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
4

1 回答 1

0

您可能需要创建一个函数来添加标记，如下所示：

function addMarker(map, lat, long, title, popupHtml) {
    var latLong = new google.maps.LatLng(lat, long);
    var markerOpts = { position: latLong, map: map, title: title };
    var marker = new google.maps.Marker(markerOpts);
    var infoWindow = new google.maps.InfoWindow();
    google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(popupHtml);
        infoWindow.open(map, marker);
    });
}

然后在初始化函数中执行一些操作以将该函数附加到您的链接。

于 2013-07-05T15:50:15.420 回答