Question

我正在尝试在灯箱内显示谷歌地图，但拖动和滚轮选项不起作用。也许你知道该怎么做。我不知道问题是否与z-index有关。我尝试了一切。

所以我使用的灯箱是：Lightcase。将整个灯箱代码放在这里是没有用的，因为我认为你不想在这里看到它。

但我的一些代码可以显示：

Link:
<a data-rel="lightcase" href="#map-canvas2">Show map</a>

Div:
<div id="map-canvas2"></div>

Google maps JS code:
function initialize2() {

    var mapOptions2 = {
        zoom: 17,
        center: new google.maps.LatLng(41.3491, 40.7159),
        disableDefaultUI: true
        draggable: true,
        scrollwheel: true
    }
    map2 = new google.maps.Map(document.getElementById('map-canvas2'), mapOptions2);
}

And some CSS:
#map-canvas2 {
    visibility: hidden;
    border: 0;
}

JS给出了宽度和高度。隐藏的可见性来自此修复：Map bug fix，但这些并不重要。刚刚提到过。

如果我在地图打开时滚动，地图缩放不起作用，它只是在背景上滚动页面。

感谢您的帮助。

Answer 1

此库创建容器的克隆，该容器将显示在灯箱中（不具有任何交互功能）。

你可以在onFinish-callback中为克隆节点创建一个新的Map-instance，但是我不建议你，你最好使用另一个库，或者修改这个库以便它使用原始元素而不是克隆

Google地图拖动在灯箱中不起作用

1 个答案: