gmapが表示できない

###前提・実現したいこと
以前はgmapを表示できていたコードが使用できなくなってしまったので直したい
###発生している問題・エラーメッセージ
htmlファイルを開いたとき一瞬mapが移りますがすぐにエラーが発生しマップが表示されなくなります
デバッガには以下のようなエラーメッセージが出ていました

Uncaught RangeError: Maximum call stack size exceeded

###該当のソースコード
マップを記述する部分は以下のように書きました
monacaで書いたのでこんな感じです

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
        jQuery(function($){
                var map = new google.maps.Map(document.getElementById("map_canvas"));
                map.setCenter(new google.maps.LatLng(35.6,133.1));
                map.setZoom(16);
             });
    </script>

  </head>
    <body>    
        <script src="http://maps.google.com/maps?file=api&v=2&key=AIzaSyAy0DhTBbMuCU1C6WaYGG3BbhQnvI7zxRU?sensor=false"
            type="text/javascript" charset='utf-8'></script>
    <div id="map_canvas" style="width: 400px; height: 400px"></div>
  </body>
</html>

###追記
もっと昔のコードを使用できたら表示できたんですが、原因がいまだにわからないのでよろしければお願いします