Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps 谷歌地图与网站整合_Google Maps_Google Maps Embed - Fatal编程技术网

Google maps 谷歌地图与网站整合

Google maps 谷歌地图与网站整合,google-maps,google-maps-embed,Google Maps,Google Maps Embed,我在谷歌地图中使用我的地图工具来标记地图中的许多目的地,然后我将其作为公共共享并加以美化。有很多标签,但我只提出了两个,例如一个是柬埔寨,另一个是中国。我想把这两张地图放在国家后面,但在柬埔寨,这张地图很好用。无论如何,当我在第二个选项卡上查看时,它会用一个小地图覆盖灰色 下面是html代码 第一个选项卡工作正常,但第二个选项卡仅显示一个小点,其他大部分区域用灰色覆盖 请帮帮我 显然,这应该是可行的: <ul class="tabs"> <li class="

我在谷歌地图中使用我的地图工具来标记地图中的许多目的地,然后我将其作为公共共享并加以美化。有很多标签,但我只提出了两个,例如一个是柬埔寨,另一个是中国。我想把这两张地图放在国家后面,但在柬埔寨,这张地图很好用。无论如何,当我在第二个选项卡上查看时,它会用一个小地图覆盖灰色

下面是html代码

第一个选项卡工作正常,但第二个选项卡仅显示一个小点,其他大部分区域用灰色覆盖


请帮帮我

显然,这应该是可行的:

<ul class="tabs">
    <li class="active"><a href="#hot-hotel-popular" data-toggle="tab">Cambodia</a></li>
    <li><a href="#china" data-toggle="tab">China</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="hot-hotel-popular">
        <div class="row">
            <iframe src="https://www.google.com/maps/d/embed?mid=zgWkkp0_22Oc.kyb8oUGt7phc" width="100%" height="500px"></iframe>
        </div>
    </div>
    <div class="tab-pane fade" id="china">
        <div class="row">
            <iframe src="https://www.google.com/maps/d/embed?mid=zgWkkp0_22Oc.kkk4nijv40pM" width="100%" height="500px"></iframe>
        </div>
    </div>

如果这不起作用,您将不得不共享更多代码来理解这个问题。

如果您使用与第一个相同的属性制作了第二个映射,即
width=“100%”height=“500px”
选项卡所需的css是什么样的呢?请提供一份说明问题的报告。()