Google maps 将浏览器屏幕分为三个部分（谷歌地图API）

我试图将浏览器屏幕分为三个部分，每个部分都将显示不同于GoogleMapsAPI的地图位置。这是图像链接，您可以看到我需要如何分割屏幕。有人对CSS/HTML有什么建议吗

---

谢谢

要以这种方式显示地图，您需要了解一点CSS

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
    var map,map2, map3;

    function initialize(condition) {
    // create the map
        var myOptions = {
            zoom: 14,
            center: new google.maps.LatLng(41.1255275,-73.6964801),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var myOptions2 = {
            zoom: 8,
            center: new google.maps.LatLng(41.1255275,-73.6964801),
            mapTypeId: google.maps.MapTypeId.TERRAIN
        }

        var myOptions3 = {
            zoom: 2,
            center: new google.maps.LatLng(41.1255275,-73.6964801),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map  = new google.maps.Map(document.getElementById("map1"), myOptions);
        map2 = new google.maps.Map(document.getElementById("map2"), myOptions2);  
        map3 = new google.maps.Map(document.getElementById("map3"), myOptions3);  
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

<div style=" display:inline;" >
    <div style=" float:left; width:50%;" >
        <div id="map1" style="width:100%; height:100%; margin:0px;" ></div>
    </div>
    <div style="float:left; width:50%;" >
        <div id="map2" style="width:100%px; height:50%; margin:0px;" ></div>
        <div id="map3" style="width:100%px; height:50%; margin:0px;" ></div>
    </div>
</div>

var图，map2，map3；
函数初始化（条件）{
//创建地图
变量myOptions={
缩放：14，
中心：新google.maps.LatLng（41.1255275，-73.6964801），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
变量myOptions2={
缩放：8，
中心：新google.maps.LatLng（41.1255275，-73.6964801），
mapTypeId:google.maps.mapTypeId.TERRAIN
}
变量myOptions3={
缩放：2，
中心：新google.maps.LatLng（41.1255275，-73.6964801），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=新的google.maps.map（document.getElementById（“map1”），myOptions）；
map2=新的google.maps.Map（document.getElementById（“map2”），myOptions2）；
map3=新的google.maps.Map（document.getElementById（“map3”），myOptions3）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；