常連

### 前提
以下のサイトを参考にGoogle Drive APIを利用するためにPythonのクイックスタートを行いました．
[https://developers.google.com/drive/api/quickstart/python]
サンプルコードを実行したところアクセスがブロックされてしまいました．

### 実現したいこと

アクセスが承認できるようにする

### 発生している問題・エラーメッセージ
以下の画像のようにアクセスがブロックされてしまう．
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-13/02a80955-b0d1-45e0-b6de-9710351c3d1e.png)


### 該当のソースコード

```Python
from __future__ import print_function

import os.path

from google.auth.transport.requests import Request
from google.oauth2.credentials import Credentials
from google_auth_oauthlib.flow import InstalledAppFlow
from googleapiclient.discovery import build
from googleapiclient.errors import HttpError

# If modifying these scopes, delete the file token.json.
SCOPES = ['https://www.googleapis.com/auth/drive.metadata.readonly']


def main():
    """Shows basic usage of the Drive v3 API.
    Prints the names and ids of the first 10 files the user has access to.
    """
    creds = None
    # The file token.json stores the user's access and refresh tokens, and is
    # created automatically when the authorization flow completes for the first
    # time.
    if os.path.exists('token.json'):
        creds = Credentials.from_authorized_user_file('token.json', SCOPES)
    # If there are no (valid) credentials available, let the user log in.
    if not creds or not creds.valid:
        if creds and creds.expired and creds.refresh_token:
            creds.refresh(Request())
        else:
            flow = InstalledAppFlow.from_client_secrets_file(
                'credentials.json', SCOPES)
            creds = flow.run_local_server(port=0)
        # Save the credentials for the next run
        with open('token.json', 'w') as token:
            token.write(creds.to_json())

    try:
        service = build('drive', 'v3', credentials=creds)

        # Call the Drive v3 API
        results = service.files().list(
            pageSize=10, fields="nextPageToken, files(id, name)").execute()
        items = results.get('files', [])

        if not items:
            print('No files found.')
            return
        print('Files:')
        for item in items:
            print(u'{0} ({1})'.format(item['name'], item['id']))
    except HttpError as error:
        # TODO(developer) - Handle errors from drive API.
        print(f'An error occurred: {error}')


if __name__ == '__main__':
    main()
```

### 試したこと
環境のセットアップは完了しています．
個人利用なのでGoogleCloudでプロジェクトを作成する際の場所(location)は「組織なし」になっているのですが親組織がないと使用できないといったことはあるのでしょうか？．
画像の「現在テスト中」が時間経過で使えるようになるのなら良いのですが，そんなに何日もかかるものなのでしょうか．
(デスクトップアプリ利用の場合大体何日かかるか分かれば教えていただきたいです．)

### 補足情報（FW/ツールのバージョンなど）

Python 3.11.1


Googleの審査プロセスが完了しない

### 環境
vue.js 3.2.13
@googlemaps/js-api-loader 1.15.1

### 実現したいこと
表示したGoogleマップに、イベント処理を追加したいです。

### 発生している問題・エラーメッセージ
マップ表示は実現できているのですが、イベント処理させるためのコードを追加するとエラーが発生します。（ソース23行目から25行目）
```TypeError: mapobj.value.addListner is not a function```

### 該当のソースコード

```javascript
<script setup>
import { ref, onMounted } from 'vue'
import { Loader } from "@googlemaps/js-api-loader"

let mapobj = ref(null)
const mapref = ref()

const loader = new Loader({
    apiKey: "自分のKey",
    version: "weekly",
    libraries: ["places"],
})

function initMap() {
  loader.load()
    .then((google) => {
      const mapOptions = {
        center: { lat: 35.30752, lng: 139.5785728},
        zoom: 10
      }
      mapobj.value = new google.maps.Map(mapref.value, mapOptions)
      //問題箇所ここから
      mapobj.value.addListner("dragend", () => {
        console.log("dragend event occured.")
      })
      //ここまで
    })
    .catch((e) => {console.log(e)})
}

onMounted(() => {
  initMap()
})

</script>

<template>
  <div class="contents">
    <div ref="mapref" id="mapid" class="mapclass"></div>
  </div>
</template>

<style scoped>
.contents {
  display: block;
  margin: 1rem;
}
.mapclass {
  width: 100%;
  height: 20rem;
}
</style>
```

### 試したこと
- addListenerを別Functionに切り離し、画面上にボタンを追加してClickイベントでaddListenerを実行するようにしてみましたが、同じメッセージが表示されました。
- mapobjを非リアクティブなオブジェクトに変えてみましたが、同じメッセージが表示されました。
- マップ上にマーカーを表示させ、そのマーカーに対してaddListenerするコードも試してみましたが、こちらも同様にaddListner is not a functionが発生してしまいました。

Google maps API で addListner is not a function が発生する

### 前提

React.jsで地図を表示し、その上に行きたいお店などを示すためのシステムを作ってみたいです。


### 実現したいこと

GoogleMapReact（GoogleMap for Javascript）を用いてページに地図を表示したいです。
- [ ] ▲▲機能を動作するようにする

### 発生している問題・エラーメッセージ

```
google_map_markers.js:260 Uncaught TypeError: Cannot read properties of undefined (reading 'latLng')
```

### 該当のソースコード

```Javascript
import React from 'react';
import GoogleMapReact from 'google-map-react';
import { Paper, Typography, useMediaQuery } from '@material-ui/core';
import LocationOnOutlinedIcon from '@material-ui/icons/LocationOnOutlined';
import Rating from '@material-ui/lab';

import makeStyles from './styles';

const Maps = () => {
    const classes = makeStyles();
    const isMobile = useMediaQuery('(min-width:600px)');

    const coordinates = { lat: 0, lng: 0 };

    return (
        <div className={classes.mapContainer}>
            <GoogleMapReact>
                bootstrapURLKeys={{ key: 'xxxxxxxxxxx' }}
                defaultCenter={coordinates}
                center={coordinates}
                defaultZoom={14}
                margin={[50,50,50,50]}
                options={''}
                onChange={''}
                onChildClick={''}


            </GoogleMapReact>

        </div>
    );
}

export default Maps;
```

### 試したこと

const coordinates = { lat : 0, lng : 0 }; の値を、NULLとか、Floatなどを素数（{ lat: -25.344, lng: 131.031 };）に変更してみました。　

### 補足情報（FW/ツールのバージョンなど）

```
      "dependencies": {
        "@material-ui/core": "^4.12.4",
        "@material-ui/icons": "^4.11.3",
        "@material-ui/lab": "^4.0.0-alpha.61",
        "@react-google-maps/api": "^2.17.1",
        "@testing-library/jest-dom": "^5.16.5",
        "@testing-library/react": "^13.4.0",
        "@testing-library/user-event": "^13.5.0",
        "axios": "^1.2.3",
        "google-map-react": "^2.2.0",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "react-scripts": "5.0.1",
        "web-vitals": "^2.1.4"
      }
```


React.jsでGoogleMapReactを用いて地図を表示したいですが、Error: Invalid LatLng object: (0,0)になります。

今作ろうとしている機能は

**nodeでwebサイトからスクレイピング
→そこで得た情報から緯度と経度をファイルに書き込む
→そのファイルをhtmlで呼び出して地図表示**

という機能なのですが、nodeの中だけで(htmlを使わずに)google map apiキーを使う方法がありましたら教えて頂きたいです

普通だとAPIキーは<script src＝「APIキー」></script>と書くのですが、nodeだといかんせんhtmlを使うことができないための相談です


申し訳ないのですが、いかんせん初心者ですので、コードまで合わせて書いていただけますと幸いです


お忙しいところ恐れ入りますが
よろしくお願いいたします

HTMLではなくnode(JavaScript)の中だけでAPIキーを書く方法

### 前提

Google Apps Script（GAS）でmapを用いて配列を操作するプログラムを作成しています。

アロー関数でmapの第2引数のオブジェクト（こちらでは配列）をthisで利用したいのですが、上手くできません。
従来の書き方では思うように出力されます。

### 実現したいこと

従来の書き方で記載したコードは次のソースコードです。

```ここに言語を入力
function myFunction01() {
  var wordlist = { 'あ': 1, 'い': 2, 'う': 3, 'え': 4, 'お': 5 };

  var selectword = ['あ', 'い', 'う'];

  var result = selectword.map(
    function (value) { return this[value]; }, wordlist
  );

  console.log(result); //出力結果：[ 1, 2, 3 ]
}
```

アロー関数で記載すると以下になりますが、出力結果が意図したものではありません。
```ここに言語を入力
function myFunction02() {
  let wordlist = { 'あ': 1, 'い': 2, 'う': 3, 'え': 4, 'お': 5 };

  let selectword = ['あ', 'い', 'う'];

  let result = selectword.map((value => this[value]), wordlist);

  console.log(result); //出力結果：[ undefined, undefined, undefined ]
}
```

アロー関数で記載し、第2引数のオブジェクトをthisで利用したいです。
どのようなコードにしたら、宜しいか、どなたかご教示頂けますと助かります。

### 発生している問題・エラーメッセージ

アロー関数で第2引数のオブジェクトを利用できず、thisを使えない。出力結果が[ 1, 2, 3 ]にならない。

### 試したこと

以下のように第２引数を用いず、thisも用いなければ、出力されます。

```ここに言語を入力
function myFunction03() {
  let wordlist = { 'あ': 1, 'い': 2, 'う': 3, 'え': 4, 'お': 5 };

  let selectword = ['あ', 'い', 'う'];

  let result = selectword.map((value => wordlist[value]));

  console.log(result); //出力結果：[ 1, 2, 3 ]
}
```

### 補足情報（FW/ツールのバージョンなど）

参考サイト：
【JavaScript入門】配列処理をするmap()の使い方とMapオブジェクトの解説！
https://www.sejuku.net/blog/21812


GASでアロー関数の書き方でmap関数の第2引数のオブジェクトをthisで用いたい


Nuxt3でGoogle Places APIを用いて飲食店の名前を取得して<template>内に表示させたいです。下記のresult_shop.value = resultの部分ではresult_shopにデータは取得できているのですが、最後のreturnで返している変数であるresult_shopが「not defined」になり、template内のv-forのresult_shopも空なので表示されません。
このif文の中のresult_shopにアクセスしてreturnでtemplateにデータを渡して表示させる方法をご教授いただければ幸いです。



### ソースコード

```ここに言語名を入力
<template>
<div v-for="shop in result_shop">
  <div>{{ shop.name }}</div>
</div>
           
</template>

<script>
import color from "@/assets/json/color.json";
import city from "@/assets/json/pref_city.json";
import { Loader } from "@googlemaps/js-api-loader";
import { onMounted, ref } from "vue";
export default {
  setup() {
   let result_shop = ref([]);
    const loader = new Loader({
      apiKey: "xxxxxxxxxxxxxxxx",
      version: "weekly",
      libraries: ["drawing", "geometry", "places", "visualization"],
    });

    onMounted(() => {
      loader.load().then((google) => {
        const geocoder = new google.maps.Geocoder();
        let lat = "";
        let lng = "";
        geocoder.geocode(
          {
            //クエリパラメータを使用
            address: "東京都 港区"
          },
          (result, status) => {
            if (status == "OK") {
              //取得した緯度・経度を使って周辺検索する
              lat = result[0].geometry.location.lat();
              lng = result[0].geometry.location.lng();
        
            }
          }
        );

        const lat_lng = new google.maps.LatLng(
          parseFloat(lat),
          parseFloat(lng)
        );
        const map = new google.maps.Map(document.createElement("div"));
        const service = new google.maps.places.PlacesService(map);
        service.textSearch(
          {
            location: lat_lng,
            radius: 2000,
            query: "飲食店 東京都 港区" ,
            language: "ja",
          },
          (result, status) => {
            if (status == "OK") {
              result_shop.value = result;
            }
          }
        );
      });
    });
    return { result_shop };
  },
};
</script>
```



Nuxt3でGoogle Places API を使用して取得したデータを<template>内で表示させたいです。

googleVision APIが上手く使えません。
解決策を教えてください

googleのVision API

[Errno 2] No such file or directory: './image.jpg'　

Google API