Yii 渲染和渲染部分：谷歌地图显示不正确[重复]答案

【问题标题】：Yii render and renderPartial : Google maps not showing correctly [duplicate]Yii 渲染和渲染部分：谷歌地图显示不正确[重复]
【发布时间】：2014-09-19 09:44:04
【问题描述】：

我正在为我的应用程序使用 Yii 框架，我在下面有一段代码来初始化并显示一个 simple google map，其中包含我在 google 中创建的 layer地图引擎。

<script>
    function initialize() {
        initialize2();
      var mapOptions = {
        zoom: 14,
        center: new google.maps.LatLng(14.154136802513362 ,121.26339912414551),
        mapTypeId: google.maps.MapTypeId.HYBRID
      };

      var map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);

      var mapsEngineLayer = new google.maps.visualization.MapsEngineLayer({
        layerId: '07732892464132847854-09507073323105492707',
        map: map
      });

    }

    google.maps.event.addDomListener(window, 'load', initialize);

</script>
<div id="map-canvas" style="width:600px;height:600px;" ></div>

但我的问题在于它的呈现方式。当我使用 yii renderPartial() 时，是这样的：

这里没有问题，图层显示完整，窗口完整。但是我需要使用 render() 方法来渲染它，因为我基本上需要我的主题、导航和我的应用程序的其他功能。但这就是我使用 render() 方法时出现的情况：

左侧的工具（缩放和平移按钮未正确呈现，如被裁剪），并且图层没有出现，当我进一步放大时，我得到了这个：

这些图层有点扭曲，而且完全是错误的。

它们在相同的代码上运行。唯一的区别是我使用render() 渲染一个，而正确显示的是renderPartial()，但我需要使用render() 方法来渲染它。

这真的越来越奇怪了。我是否缺少 render() 和 renderPartial() 方法的某些内容？帮助。谢谢！

【问题讨论】：

标签： php google-maps-api-3 yii render google-maps-engine

【解决方案1】：

试试这个

       <style>
            #map-canvas img
            {
                max-width: none;
            }
        </style>

您使用引导程序 2？ https://github.com/twbs/bootstrap/issues/1552

【讨论】：

哇！这！是的，先生，我正在使用引导程序 2 .. 谢谢！我确实花了半天时间解决了这个问题。