Google Mapを埋め込む
GOOGLE_MAP_API_KEY
GOOGLE_MAP_API_SIGNING_SECRET
GOOGLE_MAP_PLACES_API_KEY
これは2024/1/22から必要になりましたshokai.icon
どれもGoogle Cloud Platform(GCP) コンソールから作成、取得できます
GOOGLE_MAP_API_KEY
API Credentialを作成する
https://gyazo.com/75901a024818969d7cbe1305aa6e6e8d
Application restrictions
HTTP Referrers(website)を選択
使用APIは4つ
Maps Embed API
Maps JavaScript API
Maps Static API
Places API
Website restrictions
オンプレ版Scrapboxを動作させるURLを書く
https://gyazo.com/552f2a4a5afda3058a2ac1f32c53d9f4
このAPI keyはブラウザ側に露出する為、呼び出し元をreferrerで制限する必要がありますshokai.icon
Googleによる解説
GOOGLE_MAP_API_SIGNING_SECRET
Static Map用を安全に埋め込む為の署名を作成
https://gyazo.com/89eadf7e81ac9add6f758a4ba0d7d5c1
Googleによる解説
GOOGLE_MAP_PLACES_API_KEY
API credentialを作成する
使用APIは1つ
Places API
Application restrictions
Noneを選択
このAPI keyはブラウザ側に露出しません。呼び出し元の制限は不要ですshokai.icon
環境変数をセットする
code:docker-compose.yml
app:
image: ${IMAGE:-notainc/scrapbox}
environment:
GOOGLE_MAP_API_KEY: 'google-api-key'
GOOGLE_MAP_API_SIGNING_SECRET: 'signing-secret'
GOOGLE_MAP_PLACES_API_KEY: 'google-places-api-key'
サーバーを起動しなおす
$ docker-compose down
$ docker-compose up
動作確認
こういうURLをペーストして
ピンの付いた地図になればok
N35.6581963,E139.7430683,Z15 東京タワー
N35.663094,E139.7653944,Z14 銭湯