generated at
Scrapboxで地図を埋め込む時にピンが出なくてキレたので原因究明した

TL;DR
Scrapboxの地図埋め込みで地点にピンが出ないのは、検索で一意に定まらないから
住所込みの地点名に変えればピンが表示される

左: [N35.0305901,E135.7589337,Z17 Nota+Inc.] 、右: [N35.0305901,E135.7589337,Z17 〒602-0023 京都府京都市上京区御所八幡町110−16 かわもとビル 5F Nota+Inc.]

はじめに
ScrapboxにはGoogleマップの埋め込み機能があることは割と知られていると思います。
Google MapsのURLを貼るだけで、地図埋め込み記法に変換されます。



ピンが出ない
これらの説明には、 [緯度,経度,ズーム率 地点名] 地図上にピンが出るとあります。実際、上の秋葉原駅にもピンが立っています。
しかし、次の例はどうでしょうか。


マップのURLを貼り付けたそのままの状態で [N35.6995115,E139.7703377,Z17 K-BOOKS] となっています。PCでクリックするとピンが出ますが、埋め込み状態ではピンが表示されません。
拡大率を上げても表示されるわけではありません。

検証
ここまでで、ピンが出る地点と出ない地点があることが分かります。両者の違いは何でしょうか?
Chromeデベロッパーツールで地図の部分を見てみると、Google Mapsの検索URLにリンクされた <a> 要素が <img> 要素を囲んでいます。


この検索URLに飛んでみたところ、違いの原因が分かりました。
ピンが出る場合
指定された場所が直接表示されました
ピンが出ない場合
検索画面になり、複数の候補が表示されました
候補の地点が一意に決まらないため、ピンが立てられないようです

解決策
検索して地点が一意に決まればいいので、埋め込み記法を直接編集して住所を入れればよいです

[N35.6981610,E139.7716573,Z17 〒101-0021 東京都千代田区外神田1丁目15−16 秋葉原ラジオ会館 3F K-BOOKS]


思ったこと
地図記法はかなりシンプルなので、デフォルトで住所が入る仕様にしてもいい気がする