javascript - Google ピッカー ウィンドウがブラウザに表示されないのはなぜですか

Question

私が取り組んでいるプロジェクトの Google ピッカーを構築しています。ただし、以下のスクリプトは、Google ピッカー API を利用してページでピッカーを開いて、ユーザーがアイテムをドライブにドロップできるようにするために私が書いたものです。ウィンドウが表示されないようにするコード関数に何が欠けているのかを理解しようとしています。

これをボタンに含めてアクティブにする必要がありますか?

    <script>
        function onApiload() {
            gapi.load('auth', {'callback': onAuthApiLoad});
            gapi.load('picker');
        }
        function onAuthApiLoad(){
            window.gapi.auth.authorize({
                'client_id': '596875534635.apps.googleusercontent.com',
                'scope': ['https://www.googleapis.com/auth/drive']
            },  handleAuthResult);
        }
        var oauthToken;
        function handleAuthResult(authResult) {
            if (authResult && !authResult.error) {
                oauthToken = authReults.access_token;
                createPicker();
            }
        }
        function createPicker() {
            var picker = new google.picker.PickerBuilder()
                .addView(new google.picker.DocsUploadView())
                .addView(new google.picker.DocsView())
                .setAuthToken
                .setDeveloperKey('AIzaSyBTsUe7i_eezFJ3ndIT8axJCR6IpksyLs8')
                .build();
            picker.setVisible(true);
        }
    </script>
    <script src="https://apis.google.com/js/api.js?onload-onApiLoad">
    </script>