Scrapboxで地図を埋め込む時にピンが出なくてキレたので原因究明した
TL;DR
Scrapboxの地図埋め込みで地点にピンが出ないのは、検索で一意に定まらないから
住所込みの地点名に変えればピンが表示される
2021年7月追記:現在は一部対応されたのか、下のNotaの例ではピンが出るようになっています
左:[N35.0305901,E135.7589337,Z17 Nota+Inc.]、右:[N35.0305901,E135.7589337,Z17 〒602-0023 京都府京都市上京区御所八幡町110−16 かわもとビル 5F Nota+Inc.]
N35.0305901,E135.7589337,Z17 Nota+Inc. N35.0305901,E135.7589337,Z17 〒602-0023 京都府京都市上京区御所八幡町110−16 かわもとビル 5F Nota+Inc.
はじめに
Google MapsのURLを貼るだけで、地図埋め込み記法に変換されます。 N35.6985914,E139.7727650,Z15 秋葉原駅
ピンが出ない
これらの説明には、[緯度,経度,ズーム率 地点名]で地図上にピンが出るとあります。実際、上の秋葉原駅にもピンが立っています。
しかし、次の例はどうでしょうか。
N35.6981610,E139.7716573,Z17 K-BOOKS
マップのURLを貼り付けたそのままの状態で[N35.6995115,E139.7703377,Z17 K-BOOKS]となっています。PCでクリックするとピンが出ますが、埋め込み状態ではピンが表示されません。
拡大率を上げても表示されるわけではありません。
N35.6980128,E139.7719027,Z20 K-BOOKS
検証
ここまでで、ピンが出る地点と出ない地点があることが分かります。両者の違いは何でしょうか?
Chromeデベロッパーツールで地図の部分を見てみると、Google Mapsの検索URLにリンクされた<a>要素が<img>要素を囲んでいます。
https://gyazo.com/4f9afe3e163a449327e29baeec175b4f
この検索URLに飛んでみたところ、違いの原因が分かりました。
ピンが出る場合
https://gyazo.com/e6f68adf1425680fbad718ffd517ad51
指定された場所が直接表示されました
ピンが出ない場合
https://gyazo.com/96fe6b9721258267babbb8e885fdaf3c
検索画面になり、複数の候補が表示されました
候補の地点が一意に決まらないため、ピンが立てられないようです
解決策
検索して地点が一意に決まればいいので、埋め込み記法を直接編集して住所を入れればよいです
[N35.6981610,E139.7716573,Z17 〒101-0021 東京都千代田区外神田1丁目15−16 秋葉原ラジオ会館 3F K-BOOKS]
N35.6981610,E139.7716573,Z17 〒101-0021 東京都千代田区外神田1丁目15−16 秋葉原ラジオ会館 3F K-BOOKS
思ったこと
地図記法はかなりシンプルなので、デフォルトで住所が入る仕様にしてもいい気がする