一个关于网页中添加Google Earth的问题

我想用我朋友做的一个模板来显示google earth， 以下是网页代码<html>
<head>
        <link rel="stylesheet" href="view/style.css"/>
</head>
<body>
        <div id="panel"></div>
        <div id="map"></div>

</body>
<script src="https://www.google.com/jsapi"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/earth.js"></script>
</html>javascript的src是我加入进去的以下是earth.js文件内容 (摘自google earth api 网站示例）var ge;
google.load("earth", "1", {"other_params":"sensor=true_or_false"});function init() {
  google.earth.createInstance('map3d', initCB, failureCB);
}function initCB(instance) {
  ge = instance;
  ge.getWindow().setVisibility(true);
}function failureCB(errorCode) {
}google.setOnLoadCallback(init);
以下是style.css（朋友之前的一个样板）body{
        height: 100%;
        width: 100%;
        margin:0px;
}#map{ 
        height: 100%;
        width: 75%;
        float: right;
        position:relative;
}#panel{
        width:25%;
        height:100%;
        position:relative;
        float:left;
        background-color: #ddd;
}
现在的问题是：网页被正确的划分成两块了，但map区域并不显示google earth。不清楚是少做了什么（或做错了什么），我猜map div并不知道读取earth小弟刚开始接触网页开发，对javascript，css都很生疏。看了几集网上的视频就跃跃欲试，但开始就出师不利，麻烦高手们指点，感激不敬。google earthjavascriptcsshtml