LoginSignup
0
0

More than 3 years have passed since last update.

ドシロウトがGoogleマップのルート詳細テキスト情報を取得するブックマークレット書いてみた

Last updated at Posted at 2019-07-03

0.初めに

私はエンジニアではないただのドシロウトです。

地味なブックマークレットを作ってみたので記事にしておきます。個人的には便利なんですが…

1.作ったもの

以下のアニメGIFみたいな物を作りました。(パソコン版です)

【アニメGIF】
画像

申請書や報告書を書くために利用交通機関のルートをワードに貼り付けたいみたいな時に使えるかなと思っています。

2.ブックマークレット

作成したブックマークレットはたったこれだけです。

bookmarklet
javascript:var%20a%3Ddocument.querySelectorAll('%23pane%20%3E%20div%20%3E%20div.widget-pane-content.scrollable-y%20%3E%20div%20%3E%20div%20%3E%20div.section-trip-header.noprint%20%3E%20span')%5B0%5D.innerText%2B'%5Cn%5Cn'%2Bdocument.querySelectorAll('div.transit-mode-body')%5B0%5D.innerText%3Bvar%20d%3Dwindow.open().document%3Bd.writeln('%3Ctextarea%20rows%3D20%20cols%3D60%3E'%2Ba%2B'%3C%2Ftextarea%3E')%3Bvoid(0);

3.いらないと思いますが一応説明

エンコード前のコードはたった3行です。

bookmarklet
var a=document.querySelectorAll('#pane > div > div.widget-pane-content.scrollable-y > div > div > div.section-trip-header.noprint > span')[0].innerText+'\n'+document.querySelectorAll('div.transit-mode-body')[0].innerText;
var d=window.open().document;
d.writeln('<textarea rows=20 cols=60>'+a+'</textarea>');
  • 1行目:出発地、目的地、ルートのテキストを取得
  • 2行目:別ウィンドウを生成
  • 3行目:textareaに取得した情報をセット

4.おわりに

一応、マストドンでもこのブックマークレットの話をトゥートしたのですが反応薄かったので簡単すぎるかこんなニーズはないんだと思います。

個人的には結構便利なんですが、ブックマークレットなしでもっと良い方法があるのかも…(;^_^A

以 上

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0