javascript - 点击标记谷歌地图在 map 外显示一个div

Question

我需要在点击google标记时显示一个div，这是代码html:

<div id="map-canvas"></div>
<div id="info-container">
    <h1>Hola</h1>
</div>

以及 map js点击代码:

google.maps.event.addListener(marker, 'click', (function(marker, i) {
  return function() {
       $('#info-container').css('display', 'block');
    })(marker, i));
}

但是标记点击没有添加样式

Answer 1

如果我更改您的 HTML 来修复拼写错误，并且代码对页面进行了可见的更改，那么您的代码对我有用:

function initialize() {
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(40, -85),
        zoom: 4
    });
    var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map
    });

    google.maps.event.addListener(marker, 'click', function (marker, i) {
        if ($('#info-container').css('display') == 'block') {
            $('#info-container').css('display', 'none');
        } else {
            $('#info-container').css('display', 'block');
        }
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

working fiddle