jquery easyui 中加载google 地图，运行出错，环境vs2008

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css" />    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../themes/icon.css" />    <script type="text/javascript" src="../jquery/jquery-1.4.4.min.js"></script>    <script type="text/javascript" src="../jquery/jquery.easyui.min.js"></script>    <script language="javascript" type="text/javascript">
        var centerMap = new google.maps.LatLng(34.76597, 113.66574167);
        var mapOptions = {
            zoom: 12,
            center: centerMap,
            mapTypeControl: true,
            mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DEFAULT },
            navigationControl: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);    </script></head>
<body class="easyui-layout">
    <div region="south" title="数据监控" split="true" style="height: 100px; padding: 10px;
        background: #efefef;">
        asdfasfasfasdfasd
    </div>
    <div region="east" split="true" title="导航" style="width: 280px; padding: 1px; overflow: hidden;">
        <div class="easyui-accordion" fit="true" border="false">
        </div>
    </div>
    <div region="center" style="overflow: hidden;">
        <div  id="map_canvas" title="Tab1" style="padding: 20px; overflow: hidden;">
        </div>
    </div>
    </div>
</body>
</html>