Scrapboxで地図を埋め込む時にピンが出なくてキレたので原因究明した
TL;DR
Scrapboxの
地図埋め込みで地点にピンが出ないのは、検索で一意に定まらないから
住所込みの地点名に変えればピンが表示される
左: [N35.0305901,E135.7589337,Z17 Nota+Inc.]
、右: [N35.0305901,E135.7589337,Z17 〒602-0023 京都府京都市上京区御所八幡町110−16 かわもとビル 5F Nota+Inc.]
はじめに
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]
思ったこと
地図記法はかなりシンプルなので、デフォルトで住所が入る仕様にしてもいい気がする