Gyamap用にGooglemapのplaceページからScrapboxに転載する拡張機能

public.icon

SaveToScrapboxForGoogleMaps

https://i.gyazo.com/a32cc54aa1e62f994c7d24bdb54540a4.gif

手動

https://github.com/inoue2002/save-to-scrapbox-for-google-map

リリース申請完了！

https://gyazo.com/07c3ea56a1a9c039c1753a702d8acaff

うぉーーーーー

https://gyazo.com/038f7ddd1bc3bbad1bd81d55ef48c809

https://chrome.google.com/webstore/detail/save-to-scrapbox-for-goog/efabkilgllmfdfeckkanbohodehhjbko

Gyamap

作る！

できた！

拡張機能のボタンを押す⇨googlemapのplaceurlかどうかを判定する

https://www.google.com/maps/place/%E5%BC%81%E8%B2%A1%E5%A4%A9/@35.1847501,136.8974996,17z/data=!4m6!3m5!1s0x600376c9c9413fff:0xda593f0bb5c21ec4!8m2!3d35.1861519!4d136.8959329!16s%2Fg%2F11f3m945mg

こんな感じのURLを想定

placeの後は場所の名前なのでそれをそのままタイトルとして利用する

scrapboxに名前と場所を転載してくれる

Option機能

Google Place APIを有効化したKeyを設定すれば

GoogleMapで検索をかけて、該当する画像を一つ一緒に貼り付けてくれる

実装で困ったこと

Gyamapは現在Gyazoにアップロードされた画像しか読み込まないようにしている

⇨GooglePhotoの直リンクでは動かなかった

⇨Gyazoアップロードを実装した

Scrapboxに転載する時、.jpgのような画像直リンクではない場合、画像として処理されない

⇨#.jpgをつけてやる

.pngや.jpgで終わらないURLの画像を貼りたい

画像URLはURLエンコードする必要がある

位置情報のScrapbox記法Nxxxxx,Exxxxxx,Zxx PlaceNameはURLエンコードすると動かなくなる

第6話使いみちは無限大！ScrapboxでGoogleマップを簡単貼り付け！ - マンガでわかるScrapbox

この審査って、Chrome拡張ストアに掲載する時以外は必要ないのか？tkgshn.icon

Githubで回答する場合はいらないのか

セルフビルドには必要ありません！しかも今回生のhtmlとjsを書いたのでnpm run buildなどもしなくてただzipダウンロードするだけで使えます！inoue2002.icon*2

ハッカーとして成長しすぎtkgshn.icon