Gaode サービスの Web サイド JSAPI を Vue と組み合わせて、天気、位置、その他の機能を使用する

1. 開発準備

1. まず、開発者アカウントを登録し、Gaode Open Platformの開発者になります

2. ログイン後、「アプリケーション管理」ページに入り「新規アプリケーションの作成」

3. アプリケーションにキーを追加し、「サービスプラットフォーム」で「Web(JSAPI)」を選択します。

4. 追加に成功したら、Key 値を取得します

2. 地図コンポーネントの開発と使用

npm i @amap/amap-jsapi-loader --save

具体的な操作参考：Gaode公式サイト

3.
天気や位置情報などの API を使用すると、[INVALID_USER_SCode: security code failed] エラーが返される場合があります。
解決策:index.html と key に適用したキー

<script type="text/javascript">
	  window._AMapSecurityConfig = {
	      securityJsCode: "xxxxxx",  // 申请的key对应的密钥
	  }
</script>