Google maps api 3 Dojox移动视图上的谷歌地图

Google maps api 3 Dojox移动视图上的谷歌地图,google-maps-api-3,dojo,Google Maps Api 3,Dojo,同样的问题也被问到了,但是被接受的答案没有帮助(至少对我是这样) 我使用dojox.mobile.View来显示两个类似的视图。一切正常,只是地图容器没有正确显示。它在首页上显示为一个小方框。布局文件上有什么遗漏吗?谢谢大家! <div id="view1" dojoType="dojox.mobile.View" selected="true"> <h1 dojoType="dojox.mobile.Heading">View 1</h1>

同样的问题也被问到了,但是被接受的答案没有帮助(至少对我是这样)

我使用dojox.mobile.View来显示两个类似的视图。一切正常,只是地图容器没有正确显示。它在首页上显示为一个小方框。布局文件上有什么遗漏吗?谢谢大家!

<div id="view1" dojoType="dojox.mobile.View" selected="true">
    <h1 dojoType="dojox.mobile.Heading">View 1</h1>
    <ul dojoType="dojox.mobile.RoundRectList">
        <li dojoType="dojox.mobile.ListItem" icon="images/icon1.png" moveTo="view2" transition="slide">Go To View 2
        </li>
    </ul>
</div>

<div id="view2" dojoType="dojox.mobile.View" style="height:100%">
    <h1 dojoType="dojox.mobile.Heading" back="View 1" moveTo="view1">View 2</h1>
    <div dojoType="dojox.mobile.RoundRect" id="map_canvas" style="width:100% !important;height:100% !important;"></div>
</div>

视图1
    进入查看2
视图2
更新:

<body style="visibility: visible;">
<div id="view1" class="mblView" selected="true" style="visibility: visible; width: 100%; height: 100%; top: 0px; left: 0px; display: none;" dojotype="dojox.mobile.View" widgetid="view1">
<div id="view2" class="mblView" style="visibility: visible; width: 100%; height: 100%; top: 0px; position: relative; left: 0px;" dojotype="dojox.mobile.View" widgetid="view2">
    <h1 id="dojox_mobile_Heading_1" class="mblHeading mblHeadingCenterTitle" moveto="view1" back="View 1" dojotype="dojox.mobile.Heading" style="" widgetid="dojox_mobile_Heading_1">
    <div id="map_canvas" class="mblRoundRect" style="width: 100% ! important; height: 100% ! important; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;" dojotype="dojox.mobile.RoundRect" widgetid="map_canvas">
        <div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">


用于地图视图的移动视图仅设置了高度:100%,例如,设置了宽度+高度100%

这可能会导致用于贴图的div内部出现问题,因为它无法正确拾取宽度。(我以前见过类似的问题,但可能是其他问题)

编辑:

我什么也不知道。您是否尝试过使用脚本来修改它?比如:

var div = dojo.byId("map_canvas");
div.style.height = window.innerHeight+"px";
div.style.width = window.innerWidth+"px";

Dojo mobile+谷歌地图api第3版也有类似的显示问题

西蒙斯的解决方案不起作用,但还有另一种方法


我不会创建新主题,只是给你一个简单的提示:总是检查Google maps是否在DOM之后加载(例如使用
require([“dojo/domReady!”],function(){…})

你的意思是添加style=“width:100%;height:100%”到移动视图?还是一样的问题。是的,这就是我的意思,你能从浏览器发布实际的源代码以查看输出的内容吗?很糟糕。没有测试出来我给了你错误的脚本,测试了这个(编辑了上面的代码)在我的电脑上,地图只显示在左上角,其余部分是灰色区域。奇怪的是,当我按F12进行调试时,整个地图都被加载了。它在你的电脑上正确显示了吗?是的,我在玩代码,我给所有的分区添加了宽度/重量,以确保它被拾取,但这不必要我使用的是不同的开发环境,因此它与您的开发环境略有不同,也许可以尝试通过javascript添加左/右位置。不需要它,但可以修复它。刷新后它会工作,这听起来很奇怪。您是否输入了控制台打印输出以查看代码是否正在运行(console.log(“Height:”)+分区样式高度)