当按钮点击时，谷歌选择器没有加载

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

我认为这是因为您没有在picker生成器中设置oauth令牌。

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