FusionTablesLayer在WordPress页面上隐藏底层映射

我想显示一个谷歌地图，上面有两个融合表图层。如果我将下面的代码复制到文本编辑器中，将文件另存为

map.html

，然后在浏览器中打开它，那么下面的代码就可以完美地工作。但当我把它放在我的WordPress主题网站上的帖子中时，底层的地图被Fusion Tables图层隐藏了。这些层并非完全不透明：我可以同时看到它们。我就是看不到下面的地图

每当我缩放或平移贴图时，在绘制融合表图层之前，基础贴图会短暂出现。我怀疑有一种风格设置有问题。你知道如何让地图正确显示吗

我正在使用WoodPress版本3.0.4和woothemes的宪报主题；该网站是

 
var fracmap=new google.maps.Map（document.getElementById（'gmap'）{
中心：新google.maps.LatLng（44.79770953120106，-90.4371258244374），
缩放：7，
mapTypeId:'混合'
});
var layer0=new google.maps.FusionTablesLayer({
查询：{
选择“几何体”，
发件人：2695847
},
});
layer0.setMap（分形图）；
var layer1=新的google.maps.FusionTablesLayer({
查询：{
选择“几何体”，
发件人：2695779
},
});
第1层：集合图（分形图）；

---

谢谢

Wordpress将文章内容包装在

块中，主题使用该块提供适当的样式。由于为显示准备Google地图的javascript返回图像，因此公报样式表的相关部分为：

.entry img {
    padding: 4px;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    }

具体来说，

background color

设置会导致使用不透明背景绘制重叠的Fusion Tables图层，然后隐藏基础贴图。您需要在样式表中定义一个新类（我们称之为“map”），用于绘制具有透明背景的图像：

.map img {
    background-color: transparent;
    }

然后将javascript包装在

块中，如下所示：

<div class="map">               
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <div id="gmap" style="width:590px; padding-top:40px;height: 550px;">
    <script type="text/javascript">
    var fracmap = new google.maps.Map(document.getElementById('gmap'), 
        center: new google.maps.LatLng(44.797709533120106, -90.43712582444374),
            zoom: 7,
            mapTypeId: 'hybrid'
            });
            var layer0 = new google.maps.FusionTablesLayer({
                query: {
                select: 'geometry',
                from: 2695847
            },
        });
        layer0.setMap(fracmap);
        var layer1 = new google.maps.FusionTablesLayer({
            query: {
                select: 'geometry',
                from: 2695779
            },
        });
        layer1.setMap(fracmap);
    </script>
    </div>
</div>

var fracmap=new google.maps.Map（document.getElementById（'gmap'），
中心：新google.maps.LatLng（44.79770953120106，-90.4371258244374），
缩放：7，
mapTypeId:'混合'
});
var layer0=new google.maps.FusionTablesLayer({
查询：{
选择“几何体”，
发件人：2695847
},
});
layer0.setMap（分形图）；
var layer1=新的google.maps.FusionTablesLayer({
查询：{
选择“几何体”，
发件人：2695779
},
});
第1层：集合图（分形图）；

Wordpress将文章内容包装在

块中，主题使用该块提供适当的样式。由于为显示准备Google地图的javascript返回图像，因此公报样式表的相关部分为：

.entry img {
    padding: 4px;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    }

具体来说，

background color

设置会导致使用不透明背景绘制重叠的Fusion Tables图层，然后隐藏基础贴图。您需要在样式表中定义一个新类（我们称之为“map”），用于绘制具有透明背景的图像：

.map img {
    background-color: transparent;
    }

然后将javascript包装在

块中，如下所示：

<div class="map">               
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <div id="gmap" style="width:590px; padding-top:40px;height: 550px;">
    <script type="text/javascript">
    var fracmap = new google.maps.Map(document.getElementById('gmap'), 
        center: new google.maps.LatLng(44.797709533120106, -90.43712582444374),
            zoom: 7,
            mapTypeId: 'hybrid'
            });
            var layer0 = new google.maps.FusionTablesLayer({
                query: {
                select: 'geometry',
                from: 2695847
            },
        });
        layer0.setMap(fracmap);
        var layer1 = new google.maps.FusionTablesLayer({
            query: {
                select: 'geometry',
                from: 2695779
            },
        });
        layer1.setMap(fracmap);
    </script>
    </div>
</div>

var fracmap=new google.maps.Map（document.getElementById（'gmap'），
中心：新google.maps.LatLng（44.79770953120106，-90.4371258244374），
缩放：7，
mapTypeId:'混合'
});
var layer0=new google.maps.FusionTablesLayer({
查询：{
选择“几何体”，
发件人：2695847
},
});
layer0.setMap（分形图）；
var layer1=新的google.maps.FusionTablesLayer({
查询：{
选择“几何体”，
发件人：2695779
},
});
第1层：集合图（分形图）；

我们已经解决了这个问题。风格与主题有冲突。“入门”类图像采用白色背景。添加了一个新的.map img子类，指定透明背景。我们已经解决了这个问题。风格与主题有冲突。“入门”类图像采用白色背景。添加了一个新的.map img子类，指定透明背景。