Question

我刚刚在我的网站上插入了一个链接，该链接会将一个灯箱附加到googlemap位置的屏幕上。

它可以工作，但当你关闭它，并再次点击它不会第二次加载，我做错了什么？

$(function(){
                var googleMap = $('<iframe height="600px" width="800px" scrolling="no" src="googlemap.html">');
                var lightbox = $('<div class="lightbox"><span class="close">X</span></div>');
                var overlay = $('<div class="overlay"></div>');

                $('.map-link').click(function(){
                    if ($(window).width() < 499) {    
                        console.log();
                    } else {
                        $('.wrapper').append(overlay);
                        $('.wrapper').append(lightbox);
                        $(lightbox).append(googleMap);      

                        $('.lightbox span').click(function(){
                            $(overlay).fadeOut();
                            $(lightbox).hide();
                        });
                    }
                });//end of click
        }); //end

我尚未决定如何处理移动设备，因此请忽略控制台日志。

Answer 1

我从来没有对googlemaps做过任何事情，但我不明白你为什么要嵌入一个名为“googlemap.html”的文件？我做了一点研究，发现这个网站： https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map 在这个网站上，他们使用完全不同的方法。也许看看吧？

我的谷歌地图链接只能使用一次

1 个答案: