Question

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

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

并且地图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

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

1 个答案: