点击按钮时Google拾取器没有加载

Question

我使用Google拾取器来选择使用波纹管代码的位置。 问题是在点击文本字段选择器时没有加载，如果我加载它，当页面加载

 // The API developer key obtained from the Google Cloud Console. 
    var developerKey = 'AI..............................'; 

    $("#maplocation").click(function() { 
     // Use the API Loader script to load google.picker. 
     function loadPicker() { 
     gapi.load('picker', {'callback': createPicker}); 
     } 
    }); 


    // Create and render a Picker object for searching images. 
    function createPicker() { 
    var picker = new google.picker.PickerBuilder(). 
     addView(google.picker.ViewId.MAPS). 
     setDeveloperKey(developerKey). 
     setCallback(pickerCallback). 
     build(); 
    picker.setVisible(true); 
    } 

    // A simple callback implementation. 
    function pickerCallback(data) { 
    var url = 'nothing'; 
    if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) { 
     var doc = data[google.picker.Response.DOCUMENTS][0]; 
     url = doc[google.picker.Document.URL]; 
    } 
    var message = 'You picked: ' + url; 
    document.getElementById('result').innerHTML = message; 
    } 

Answer 1

我想，那是因为你没有设置OAuth令牌在你的选择器生成器正常工作。

var picker = new google.picker.PickerBuilder(). 
     addView(google.picker.ViewId.DOCUMENTS). 
     setOAuthToken(''). 
     setDeveloperKey(''). 

...