相关疑难解决方法(0)

如何在加载后使用JavaScript调整Google地图的大小？

我有一个'mapwrap'div设置为400px x 400px,在里面我有一个Google'地图'设置为100%x 100%.因此地图加载为400 x 400px,然后使用JavaScript我将'mapwrap'调整为屏幕的100%x 100% - 谷歌地图按照我的预期调整到整个屏幕,但是瓷砖开始消失在右边缘之前页.

我可以调用一个简单的函数来使Google地图重新调整到更大尺寸的"mapwrap"div吗？

javascript css google-maps

Mat*_*lor

lucky-day

105
推荐指数

3
解决办法

17万
查看次数

google maps api v3 in fancybox 2.0.6

嗨我有一个问题与隐藏的fancybox谷歌地图加载

在此输入图像描述

我的例子:gidzior.net/fancyMap是基于这个线程编写的stackoverflow.com/questions/10890948/jquery-fancybox-with-google-maps

我该怎么办才能解决这个问题？

这是我的代码:

<body style="padding: 20px;">
    <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
    <header>
        <a id="inline" href="#inline1" >show map</a>
    </header>
    <div role="main">
        <div id="inline1" style="width:800px; height: 350px; display: none;">
            <div id="map_canvas" style="width: 100%; height: 100%"></div>
        </div>
    </div>


    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

    <script src="js/plugins.js"></script>
    <script src="js/libs/jquery.fancybox.pack.js"></script>
    <script src="js/libs/jquery.mousewheel-3.0.6.pack.js"></script>
    <script src="js/script.js"></script>

    <script type="text/javascript">
    var map="";
    $(document).ready(function(){
     $("a#inline").fancybox({
      'hideOnContentClick': false, …

Run Code Online (Sandbox Code Playgroud)

html jquery fancybox google-maps-api-3 fancybox-2

gid*_*ior

2017 05-23

2
推荐指数

1
解决办法

4332
查看次数