google-maps - 使用嵌入的 API 谷歌分析设置 API key

Question

我正在使用嵌入 API 将我的谷歌分析数据渲染为:

    (function(w,d,s,g,js,fs){
      g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(f){this.q.push(f);}};
      js=d.createElement(s);fs=d.getElementsByTagName(s)[0];
      js.src='https://apis.google.com/js/platform.js';
      fs.parentNode.insertBefore(js,fs);js.onload=function(){g.load('analytics');};
    }(window,document,'script'));

    gapi.analytics.auth.authorize({
       serverAuth: {
           access_token: 'my access token' 
        }
    )};

    var commonConfig2 = {
       query: {
           ids: 'ga:' + gaViewId,
           metrics: 'ga:users',
           dimensions: 'ga:region',
           'max-results': 5,
           sort : '-ga:users'   
        },
           chart: {
           type: 'GEO',
           container: 'timeline',
           options: {
              displayMode: 'markers',
              width: '100%' 
           }
        }
    };

    var dataChart3 = new gapi.analytics.googleCharts.DataChart(commonConfig2)
          .set({query: dateRange1})
          .set({chart: {container: 'chart-3-container'}});

map 渲染良好。但几天前我收到错误“Google Maps API 错误:MissingKeyMapError”并且 map 不再渲染。经过一番谷歌搜索后，我了解到谷歌现在需要 Api key 才能访问其 API。如何使用现有代码设置 api key 。

Answer 1

我今天注意到了同样的问题，经过多次尝试并且没有文档，我让它再次工作了!

这是你需要做的:

1. 转到 https://console.developers.google.com ，选择您的项目并在其上启用 Google Maps Geocoding API 和 Google Maps JavaScript API (对于第二个，请记下 API_KEY 并设置您允许的引荐来源网址)；

2. 在您的源代码中，确保导入以下脚本:

   <script src="https://www.google.com/jsapi"></script>
   <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>
   

就是这样，现在您的 Embed API map 将重新启动以绘制位置数据，而不会出现错误或警告。 如果将其写在 Google Analytics Embed API 文档中会更好(截至目前，它还删除了 website 上的 map 示例)