google map の埋込み
1 | npm install hexo-tag-googlemaps --save |
- https://developers.google.com/maps/documentation/javascript/get-api-key を参考に、google mapsを使う為のapiキーを取得する。
- blog/_config.ymlに
google_maps_api_key
として追加する。
あとは下記のように記述すれば良い。タグのくくりで地図を調整し、中のエントリでピンを調整する。ピンは複数指定出来る。まー、https://github.com/the-simian/hexo-tag-googlemaps に色々書いてある。
1 | {% googlemaps latitude longitude zoom width height %} |
なので、
1 | {% googlemaps 35.766799 139.847587 15 100% 450px %} |
とかで下記のようになる。
が、一瞬表示されてjsのエラー画面になる。
なぜーーーーーー!!!!
2020/01/19 追加
google cloud console の 「APIとサービス」-> 「ライブラリ」-> 「Maps JavaScript API」を有効化する事により動作するようになった。
やったぜ!!!!!