読者です 読者をやめる 読者になる 読者になる

GALACTIC1969

Hello Galaxy.

MDwikiでGoogle Mapを表示する

Google 生活とIT

家庭内WikiMDwiki+Herokuで構築しようと試みていた所、GoogleMapが表示されないとこで躓いた。

エラーログはMissingKeyMapErrorで、APIキーが指定されていないというエラー。MDwikiの最終リリース後にGoogleMapでAPIキーが必須になった為に起こっているエラー。

修正するには、GoogleAPIキーを発行して、mdwiki.htmlのgooglemapを読み込んでる辺にkeyを追加するだけ。コードがminimizeされているので若干探しにくいけど、sensorとかで探すとすぐ見つかる。

具体的には、これを

var d="http://maps.google.com/maps/api/js?sensor=false&callback=googlemapsReady",e={name:"googlemaps",version:a.md.version,once:func…以下略

こんな感じに修正。(key=AAAAAの所を追加)

var d="http://maps.google.com/maps/api/js?key=AAAAAAAAAAAAAAAAAAAAAA&sensor=false&callback=googlemapsReady",e={name:"googlemaps",version:a.md.version,once:func…以下略

これで終わり。

なお、GoogleAPIを発行する時にリファラーで自分のドメインを指定しておかないとキーを勝手に他所で使われるので注意すべし。

MDWikiええ感じや〜

——

追記

Herokuにあげる場合はHTTPSになるので、googleのURLもhttpsに変更する必要があった。(http://maps.google.com/.. -> https://maps.google.com/..)