Atelierで“Google MAP”タグの付いているブログ記事

2018年5月23日

隠居のPC備忘録:Google mapで私的な地図を作成し、ブログに掲載する

今年の桜地図のように、私的な地図を作成してブログにアップロードすることは、少し前までは Java Script のコードを使用するなどかなりの難しいことだった。
参照:隠居のパソコン備忘録:Google Maps API V3 で旅行地図を作成する

 Google MAP は、どんどん進化している。最近、桜地図を作成していて私的な地図作成が非常に簡単になってきていることが分かった。このような地図を作成する方法を備忘録として記録しておきたい。
 当サイトで、アップしている YAMAKO さんのブログに、3月下旬に山陰・山陽地方をバスツアー された記録が掲載されている。これを題材に、このようなツアーの地図を Google Map に作成し、ブログにアップする手順を記録しておきたい。

  1. Google map をブラウザで開く。(大抵は、自宅近辺の地図が表示される)
  2. 左上の枠のメニューボタンmenu01.JPGをクリックすると、メニューボックスが表示される。
    「マイプレイス」を選択すると出てくる画面で、右上の「マイマップ」を選択し、下の方に青い文字で表示される「地図を作成」をクリックする。
  3. gmap002.JPG

  4. すると下のような画面になる。
  5. gmap005.JPG

  6. 地図の名前を「山陰・山陽バスツアー」として、はじめの訪問地である「倉敷美観地区」を検索ボックスに入力すると下のような画面になる。
  7. gmap006.JPG

  8. 画面中央のポップアップの下のアイコンは、それぞれ左から、マーカーを指定する「スタイル」IC01.JPG、ポップアップに表示する情報を「編集する」IC02.JPG、掲載する写真または動画をアップロードする「画像を追加する」IC03.JPG、今回は使っていないが、ルートを表示するIC04.JPG、そして掲載した写真や編集入力部分の削除する「対象物を削除」IC05.JPGである。

  9. 訪問地点を表示するマーカーは、Google map に標準で種々用意されているが、ここでは訪問順を示す番号入りのマーカーを使いたかったので、「他のアイコン」から「カスタムアイコン」を選択し、パソコン上に収納していた番号入りマーカーをアップロードした。ただし、カスタムアイコンは、一つづつしか登録できない。番号付きマーカーについては、過去のブログのGoogle Maps API で旅行地図を作る:番号付きマーカーを使う に記載している。

    gmap010.JPG

  10. 情報の編集ボックスには、訪問した日付とブログ記事へのURLを入力した。URLをクリックするとブログ記事へ誘導してくれる。

  11. カメラアイコンをクリックすると、パソコンからファイルを選択して画像をアップロードする画面となる。+ ボタンをクリックすると10枚まで続けてアップロードできるが、10枚以上のときは、保存後改めて、カメラアイコンをクリックして追加しなければならない。ただし、地図を公開して閲覧できる写真は10枚までである。

  12. 訪問先に順次マーカーを立て、関連リンク先や写真をアップすると、下図のように表示される。ここで地図が航空写真のような表示になっているのは、左ボックスの下にある「基本地図」でスタイルを航空写真を選択したからである。
  13. gmap011.JPG

  14. 作成した地図は、知人らと共有することができる。先ほどの画面にある左ボックス中断の「共有」ボタンをクリックすると、下のようなポップアップ画面がでるので、共有相手などを指定できる。メールで通知するのが一般的だろう。
  15. gmap012.JPG

  16. ブログに掲載するには、左ボックスの右上メニューボタンをクリックすると表示されるボックスから「自分のサイトに埋め込む」を選ぶと下のようにブログに貼り付けるコードが表示されるので、これをコピペすればよい。
  17. gmap013.JPG ?? gmap014.JPG


 このようにして作成した地図は、当サイトの Studio YAMAKO の右枠の「山陰・山陽バスツアー」ボタンをクリックすると表示される。

2016年12月11日

隠居の散策:千早赤阪村金剛山のロープウェイに乗る

昨年の暮に、学生時代に参加していた教育キャンプ場のキャンプ長だった方が亡くなった。一周忌前に、偲ぶ会が開かれた。それに参加するために、埼玉から同期の友人がやってきた。その日、梅田で宿泊した翌日、金剛山に行きたいというので、付き合った。
 今年のはじめ登山中に脚の筋肉を痛め、まだリハビリ中ということで、ロープウェイで上るという。奈良の友達二人も付き合ってくれた。
 その一人が何回か来たことがあり、山上を案内してくれた。頂上にある葛木神社にも参って、さわやかな秋の日を楽しんだ。
 記録は、埼玉の友に教えてもらったスマホのアプリ<山旅ロガー>で記録し、それから出力したKMLファイルをもとに、Google Map で歩行地図を作成してみた。

2016年11月13日

隠居のパソコン備忘録:Google Map で旅行地図を作成する

先日から、独自のルート地図を作るなどで Google Map をいろいろといじっていて分かったのだが、スマホアプリの山旅ロガーなどで記録したKMLファイルがなくてもルートを表現した旅行地図を作成をできることが分かった。
 当サイトのブログ Studio YAMAKO の執筆者は旅行した記録をこまめにアップロードされている。この旅行地図を、今までは Google Maps API という Javascript を使ったユティリティで作成して、Studio YAMAKO に、収載してもらっていた。。
 今回、郡上八幡や高山をバスツアーした記録を4回に分けてブログにアップロードされている。これを参照して旅行ルート地図を作成したので、手順を記録として残して置きたいと思う。

Google Map でルートつき旅行地図を作成する方法
  1. Google Map を起動する。
  2. 画面左上の検索窓左にあるメニューアイコンgmap02.JPGをクリックすると表示される「マイプレイス」をクリックすると表示される画面で、さらに「マイマップ」をクリックすると枠の下の方に地図を作成という青い文字が現れる。
  3. 地図を作成をクリックすると「無題の地図」と表示されたポップアップが表示される。
    gmap03.JPG

  4. ここで、ツールアイコン群から、ルート追加ボタンtour12.JPGをクリックし、左ボックスの下に表示される交通手段がになっていることを確認して、その下の枠に出発点から順次、マーカーを立てたい場所を入力する。すると、下のスクリーンショットのように、ルートが自動的にルートが表示される。
    tour11.JPG

  5. 地点を入力し終えると、下のようにルートが描画される。地点名は、例えば平湯温泉と入力すると何地点か候補を表示してくれるので、適切と思われる名前を選択すればよい。
    tour13.JPG

  6. この地図を左ボックスの右上にあるメニューボタンgmap16.JPGをクリックすると表示されるリストから、「KMLにエクスポート」を選択する。すると、下のようなボックスが表示されるので、セレクトボックスで<XXX地点からXXX地点へのルート>を選択し、<KMLファイルにエクスポートします・・・>にチェックを入れて、【ダウンロード】ボタンをクリックする。
    tour14.JPG

    KMLファイルに任意なファイル名をつけて、任意のフォルダーに保存する。

  7. 一旦、Google Map を閉じて、再度起動する。そして、上記 1. 2. まで実行する。

  8. ここで、左上ボックスの無題レイヤーの下のインポートをクリックする。すると、<インポートするファイルの選択>という画面が出るので、「アップロード」タグになっているのを確認して、【パソコンからファイルを選択】ボタンをクリックする。

  9. すると、ファイルを選択する画面となるので、先ほど保存した KML ファイルを読み込む。すると多分下のスクリーンショットのような縮尺の大きな地図が表示される。
    tour16.JPG

  10. 地図の縮尺の大きさは、右下のtour17.JPGボタンでも調整できるが、左ボックスの上部の「プレビュー」をクリックすると下のように適切な大きさで表示してくれる。
    tour15.JPG

  11. ここで、ボックス上部の「編集します」をクリックすると各マーカーを編集できるようになる。マーカーにカーソルを合わせクリックすると、下のスクリーンショットのように、マーカーの色やスタイル、リンク先のURL 表示、関連写真や動画の挿入などができるツールアイコンが表示される。
    tour19.JPG

  12. 用意されているマーカのスタイルは、例えば下の例のように、場所のジャンルだけでも数多くのスタイルの中からチョイスできる。
    tour18.JPG

  13. そのようにして、Google Map として機能する旅行地図を作成したものが以下の地図である。


2016年11月11日

隠居のスマホ備忘録:山旅ロガーを使う。測定結果を Google Map に表示する方法

前回のYahoo!地図印刷のエントリーを書くために、いろいろとウェブサーチをしているときに、Yahoo! が地図上にルートを描くことのできる「ルートラボ」というユティリティを提供していることが分かった。
 この「ルートラボ」を使って、ご近所散策ルートを作成したのが、下の地図である。作成方法などについては、ルートラボの使い方に詳しく載っている。
 旅行後の記録として、地図に記載しておくのは便利かもしれないが、まだ使い方をよく理解していないので記録ができない。

Yahoo! ルートラボによる地図作成

 

 この「ルートラボ」の学習と関連して、Google MAP での地図作成を再度復習してみると、前回2014年11月7日に記載した手順からさらに進化していることが分かった。 それで上で「ルートラボ」で表示した近頃散策しているコースを、スマホのアプリ山旅ロガーで記録した結果をもとにルート地図を作成した方法を記録しておきたいと思う。
 最新の方法で作成した地図を以下に示す。 

Google Map での地図作成



 2014年11月7日に記載した手順を最新の方法に修正して記録しておきたい。
山旅ロガーで記録したKML ファイルで歩行記録地図を作成する方法
 
  1. Google Map を起動する。Google のアカウントを持っていない場合には、新たに登録する。アカウントをひとつ持っておけば、Gmail(Web mail)、Google chrome(ブラウザ)、You Tube 、Google Map(地図検索)、Google ドライブ(クラウド型データ保存)などを利用できる。特に、Google ドライブは、スマホからデータを転送するときに便利なので、インストールしておきたい。
    起動すると登録したアカウントの場所を中心とする地図が表示されるはずである。

    Google 地図検索画面
    gmap01.JPG

  2. 画面左上の検索窓左にあるメニューアイコンgmap02.JPGをクリックすると表示される「マイプレイス」をクリックすると表示される画面で、さらに「マイマップ」をクリックすると枠の下の方に地図を作成という青い文字が現れる。
  3. 地図を作成をクリックすると「無題の地図」と表示されたポップアップが表示される。
    gmap03.JPG

  4. 上の画面で、インポートをクリックすると、下のようにKMLファイルを選択する画面となる。私はスマホで山旅ロガーに記録したKMLファイルを Google ドライブに転送しているので、<Google ドライブ>タグをクリックして <マイドライブ>を開き収納されているKMLファイルをインポートした。
    gmap04.JPG

  5. 最近の散策で山旅ロガーを使って記録した KMLファイルをインポートすると、下のスクリーンショットのように表示された。
    gmap07.JPG

  6. このとき、<プレビュー>タグをクリックすると適切な縮尺で表示される。
    ここで<編集します>をクリックすると下のスクリーンショットのように編集のためのボタンガ表示される。
    この手順以降の地図修飾手順がが、2014年11月7日のエントリーと大きく変わっている。
    gmap06.JPG

  7. <マーカーを追加>ボタンgmap11.JPGをクリックするとカーソルが十字マークになるので、目的とする位置でクリックしてマーカーを設置する。
    マーカーを設置するとその位置にポップアップ画面が表示されると同時に、左のポップアップ画面のマーカーのタイトルにカーソルすると、スタイルアイコンgmap13.JPGが出て来る。ここで<マーカーアイコンの色や形を選択できるようになっている。
    gmap14.JPG
  8. マーカーを保存し、再度マーカーをクリックすると、編集アイコンが表示されるので、<編集ボタン>でリンク先を挿入したり、<カメラボタン>をクリックして該当マーカーに関する写真をアップロードしたりできる。
    gmap15.JPG


  9. 上のいろいろなツールを使って、地図を編集し終わったら、左上のボックスの<コマンドボタン>gmap16.JPGをクリックすると表示されるボックスで「地図をコピー」を選択すると「Google マップ」?「マイプレイス」?「マイマップ」に保存できる。
    上の同じボックスで、「自分のサイトに埋め込む」を選択すると、HTMLコード( <iframe ・・></iframe>)が表示されるの、これをコピーしてブログに貼り付ければ、ブログ上に作成したMapが表示できる。

 行程を記録する KML ファイルがあれば、ルート地図の作成はなんとかなりそうである。もう少し学習して、旅行地図を google maps API の助けなしに作ってみたいと考えている。

2015年5月 1日

隠居、優雅な昼食を楽しむ:池田 雅俗山荘


 もう50年以上も前に、伊勢の英虞湾にある多徳島というところで、朝日新聞厚生文化事業団が運営していた教育キャンプ場でキャンプカウンセラーをしていた。その志摩キャンプのカウンセラーOBの集まりが年一回開催される。昔は宿泊もするような催しであったが、かっての若者もだんだんと老齢化してきて、今は昼食を共にして近況報告を話するような集まりとなった。今年は、我々の期が幹事を仰せつかっている。
 場所の選定には、いつも悩むのであるが、何かの雑誌に紹介されていた池田の雅俗山荘というレストランではどうかの案がでて、下見がてら同期で食事をすることにした。
 この雅俗山荘は、阪急の創始者である小林一三の旧邸と附属建物の中にある。旧邸は、逸翁美術館が主体である。逸翁美術館については若い頃から名前を聞いていたが、レストランが併設されているとは知らなかった。ちなみに、「逸翁」は小林一三の雅号である。

 旧邸の庭園はさほど広くないが、茶人であった小林一三らしく、庭園内には近衛文麿公命名の茶室「費隠」、日本で最初に考案した椅子式の茶室「即庵」、 貸し茶室としても好評の「人我亭」の三つの茶室がある。庭園内のツツジや新緑が美しい。
 肝心の料理は、宝塚ホテルからホテルニューオータニ大阪のシェフを経て、1992年ホテル阪急インターナショナル開業時から料理長、総料理長を歴任した前田修平さんという方のフランス料理である。2010年4月より「雅俗山荘」にてシェフをされているようだ。というわけで、回転寿司などのB級グルメに慣れた舌には、いささか優雅な食事であった。

レストラン 雅俗山荘

;クリックすると大きな写真になります。 一三記念館正門
2015/4/22
この奥に、記念館とレストランがある。

SONY NEX-7+E 3.5-5.6/18-55 OSS
18.0mm (35mm換算:27mm)
絞り優先AE 1/160s f5.0 ISO100
露出補正 +0.3
;クリックすると大きな写真になります。 クルメツツジ?
2015/4/22
ヒラドツツジも咲いていた。

SONY NEX-7+E 3.5-5.6/18-55 OSS
20.0mm (35mm換算:30mm)
絞り優先AE 1/1250 f3.5 ISO160
露出補正 +0.7
;クリックすると大きな写真になります。 茶室人我亭(にんがてい)
2015/4/22
貸し出しOKだそうだ。

SONY NEX-7+E 3.5-5.6/18-55 OSS
20.0mm (35mm換算:30mm)
絞り優先AE 1/60s f3.5 ISO160
露出補正 0
;クリックすると大きな写真になります。 茶室費隠(ひいん)にじり口
2015/4/22
大きさは二畳である。

SONY NEX-7+E 3.5-5.6/18-55 OSS
36.0mm (35mm換算:54mm)
絞り優先AE 1/60s f4.5 ISO250
露出補正 -0.3
;クリックすると大きな写真になります。 庭園からみたレストラン
2015/4/22
後に増設された。

SONY NEX-7+E 3.5-5.6/18-55 OSS
36.0mm (35mm換算:54mm)
絞り優先AE 1/60s f4.5 ISO250
露出補正 -0.3
;クリックすると大きな写真になります。 メイン・ディッシュ
2015/4/22
"仔牛のブランケット"とある。

SONY NEX-7+E 3.5-5.6/18-55 OSS
18.0mm (35mm換算:27mm)
絞り優先AE 1/60s f5.0 ISO100
露出補正 -0.3


 本番は秋に行う予定であるが、いずれ案内状を作らねばならない。その時のためにと思って、スマホにインストールしている「山旅ロガー」を使って、阪急池田駅から小林一三記念館までの行程をプロットしてみた。
 ここで得られたデータをGoogle Map で表示する方法については、以前に記録している。この方法を使って、Google Map に表示させてみた。
 下の地図をクリックすると、Google Map の機能を持った地図が表示されるはずである。



shell-1.JPG

2014年11月 7日

隠居のスマホ備忘録:山旅ロガーを使う。(3)測定結果を Google Map に表示する他の方法


 山旅ロガーで得られたトラッキング・データ KML ファイルをGoogle Map で表示する方法については、前回のエントリーで記録した。そのような作業をしているうちに、もっと簡単で便利な方法を Google が提供していることが分かった。今回は、その方法について記録しておきたいと思う。

 地図検索に使ってきた Google Map は、今年の2月くらいに新しくなっている。
 新しくなった Google Map では、オリジナルのカスタム マップを作成して共有することができる。この場合に、山旅ロガーで得られる KML ファイルを使うことができる。

 作成方法を、以下順を追って記録する。
  1. Google Map を起動する。Google のアカウントを持っていない場合には、新たに登録する。アカウントをひとつ持っておけば、Gmail(Web mail)、Google chrome(ブラウザ)、You Tube 、Google Map(地図検索)、Google ドライブ(クラウド型データ保存)などを利用できる。
    起動すると登録したアカウントの場所を中心とする地図が表示されるはずである。

    Google 地図検索画面
    new-map-01.JPG

  2. 画面左上の検索窓をクリックすると表示される「マイマップ」をクリックすると、作成ボタンが現れる。

    new-map-03.JPG

  3. 作成ボタンをクリックすると「無題の地図」と表示されたポップアップが表示される。
    new-map-06.JPG

  4. 上の画面で、インポートをクリックすると、下のようなKMLファイルを選択する画面となる。どのような形式のファイルか確認はしていないが、CSV ファイルでもOKのようだ。
    new-map-07.JPG

  5. 前回のエントリーで使った山旅ロガーで得た KMファイルをインポートすると、下のスクリーンショットのように表示された。
    new-map-08.JPG

  6. この画面で、例えば 15 のマーカーをクリックするとこの地点について編集できる画面となる。
    new-map-09.JPG

  7. この編集画面で、様々なことができる。編集ボタンをクリックするとマーカーをクリックした時に表示されるテキストやURL へのリンク、写真の表示などを指定できる。
    また、左枠内のマーカーにカーソルを合わせた時に表示されるnew-map-12.JPGボタンをクリックすると下の画面のように数多くのアイイコンを選択できるようになる。アイコンは、自分が作成したものでもOKのようだ。
    編集画面の上部にあるツールアイコンのライン描画new-map-13.JPGを使うと自由に線を引くことができる。
    また、地図の表題を変更するのもこの画面でできる。
    new-map-10.JPG

  8. 上の編集のためのツールを使って、下のような地図を作成することができる。
    new-map-11.JPG

  9. この画面の右上にある緑の「共有」ボタンをクリックするとメールやFacebookでこの地図を送信できたり、ブログなどで公開できたりする。
    右をクリックすると地図が表示される。駅への道地図 


 このGoogle Mapでオリジナルのカスタム マップを作成する方法を使えば、散策するときにスマホの山旅ロガーを起動し、行動を記録しておけば、ブログのエントリーに面白いかもしれない。いろいろと試してみたいと思う。

2013年12月14日

隠居のパソコン備忘録: Google Map で緯度・経度を求める


 Google のソフトは、メール(gmail)でも、地図検索(google map) でも、カレンダー(スケジュール帳)でも、どんどん進化?している。だから、ちょっと前までできていたことが、突然できなくなったりする。

 このブログに掲載している私的な観光地図(例えば、【京都・滋賀・奈良私的観光地図】 )では、Google Maps API というアプリを使っている。このアプリも進化しているが、いまここでは触れない。
 このような地図を作るときには、ピンマークを建てる位置の経度・緯度(10進法での)が、必要である。今までは、Google の地図検索で探した地点の赤ピンマーク map-09.JPG の根元を右クリックするとセレクトボックスが出て、その中から、「この場所について」を選択すると検索地点入力ボックスに、10進法の緯度・経度が表示されるので、これを使っていた。

 だが、最新のGoogle 地図検索では、セレクトボックスは出てこないし、緯度・緯度を表示してくれる機能が見当たらない。困ったので、緯度・経度を表示するサービスはないかと検索してみると、【Googleマップで緯度・経度を求める (拡張版)】というサービスが見つかった。最新のGoogle 地図検索では、検索した時に、検索入力ボックスに検索地点の住所が表示されるので、上のサービスの検索入力ボックスに Copy&Paste すれば、その地点の緯度・緯度を10進法と60進法の両方で表示してくれる。

 ところが、この記事を書くために、再度最新の Google 地図検索を開いてみると、右下の方にあるヘルプアイコンmap-07.JPGをクリックすると「以前のマップに戻る」という項目が用意されていて、これを選択すると、Google 地図検索の前のバージョンになる機能が追加されていた。Google のアプリは基本的に無料であるから、自由気ままに変えているのかなと思ってしまう。

最新のGoogle 地図検索 画面
map-01.JPG

ヘルプアイコンをクリックすると
map-02.JPG

以前のGoogle 地図検索 画面
map-03.JPG

検索地点の赤ピンマークの根元をクリックする
map-04.JPG

「この場所について」を選択する
map-05.JPG

Googleマップで緯度・経度を求める (拡張版)
map-06.JPG


2011年8月21日

隠居のスマートフォン備忘録:(7)パソコンで検索した場所を Xperia acro に持ち出す


 旅行の計画などで、行きたい場所を調べるにはパソコン上での Google マップ を使って検索する方が、画面が大きいので楽である。スマートフォン Xperia acro のホームページでメニューボタンをクリック⇒設定⇒【アカウントと同期】で、icon_1.JPGgoogle にチェックを入れておくと(google アカウントを登録していることが前提だが)、パソコン上で Google マップ のマイプレイスに登録したスターマークが、Xperia acro の地図でも表示される。
 方法は、Google マップで検索した場所のマーカーの付け根をダブルクリックすると、ふき出しがでるので、一番上の行にあるicon_2.JPGアイコンをクリックして、マイプレイスのスター付きに登録する。パソコン上で登録すると、 Xperia acro のマップアプリに反映されている。本体とUSB 接続する必要はない。

パソコン本体での検索画面;クリックすると大きな写真になりますアカウントと同期画面;クリックすると大きな写真になりますマップアプリメニューボタン画面;クリックすると大きな写真になりますgooglemap_02.jpg
パソコン本体での検索画面
栂池自然園をマイプレイスに登録する
Xperia acro のホームページでメニューボタンをクリック⇒設定⇒アカウントと同期画面Xperia acro でのマップアプリメニューボタン画面
ここで、マイプレイスをタップすると、次の画面が表示される。
Xperia acro でのマイプレイス表示画面


上の右端画面に表示されるスターマーク付きの場所をタップすると前々回に紹介したナビを設定する画面が出てくる。その画面で、現在地および目的地の右に表示されるマイプレイスマーク(スターマーク)タップすると登録したマイプレイスが表示されるので、マイプレイスからマイプレイスへのナビが表示されるから、極めて有用である。旅行に行く前などに、立ち寄ると思われる場所をパソコン上に登録しておけば 、検索する時間が少なくて済みそうだ。

関連エントリー

 

2011年1月16日

隠居のGoogle Maps: Picasa を使って野鳥出現地点をプロットする


 最近、野鳥撮影はもっぱら NikonD90 と Σ120-400mm との組み合わせである。これに、GPS ユニットの Nikon GP-1 を付けている。これだと、カメラのアクセサリー・シューにつけて、アクセサリー・ターミナルとコード接続しておけば、撮った写真のEXIF(イグジフ:exchangeable image file format for digital still cameras)情報の一部として撮影時刻などと同じように経度・緯度・高度が記録される。つい最近までは、SONY の GPS を一緒に携帯し、GPS Image Tracker というソフトを使って、撮影位置情報を得てきたが、写真の整理に時間がかかり手間であった。
この情報を使って、【野鳥写真のサムネイル】からリンクする野鳥撮影地点プロット地図を作成したいとと思ってきた。なんでも記録することが、このごろの習い性となっている。

 方法については、右サイドフレームに載せている旅行地図作成に使っている Google Maps API の応用を何度かトライしてみたが、乏しい知識では満足いく結果は得られなかった。
 そこで、 昨年10月に掲載した、【隠居のパソコン備忘録:Google Maps と Picasa を使って位置情報を持つ写真を掲載する】の方法をもとに、位置情報を持たない写真に位置情報を付加するなどの新しいやり方も付け加えて、プロット地図を作ってみた。先のエントリーと重複する部分もあるが、改めて備忘録として残しておきたい。
 私の場合、今まで撮影した写真は Picasa に収納している。オリジナルの写真はほとんどNikon D90 の Fine L(4288x2848pixel) あるいはD70 Fine L(3008x2000pixel) で撮っているが、ブログに載せる写真は、800x530pixel に縮小して別フォルダに収納している。これらの写真を種別に整理したのが、【野鳥写真のサムネイル】である。
種別野鳥の撮影地点プロット地図を作成する方法を、以下、順をおって記録する。例として、野鳥サムネイルに掲載しているツグミの写真撮影地点地図の作成を取り上げる。

  1. プロット地図を作成するためには、これらの写真を集めておく方が後々便利なので、適切な場所に新しいフォルダーを作成(一般的な方法で,今回は、【tsugumi】というフォルダーを作成)し、収納する写真をこのフォルダーにエクスポートした。
  2. このようにして集めた写真をPicasa のライブラリー・サムネイル写真でみると、EXIF に経度・緯度が取り込まれている場合には、下のスクリーンショットのようにサムネイル写真にマーカーが表示される。ここで集めた写真は、GPS ユニットを使っていなかったときの写真も含まれるので、マーカーが表示されていない写真もある。

    birdsplot_01.JPG
  3. マーカーが表示されていない写真の撮影地点マークを貼り付けるには、Picasa の下段ツール・アイコンで【「場所」パネル表示/非表示】ボタンをクリックするとおなじみの Google Map の地図が出てくるので、Google Map の機能を使って拡大・縮小や移動を行い、写真を撮った地点が特定できる区域地図を表示させる。
     撮影地点を特定したい写真を選択し、地図の拡大(+)・縮小 (ー)マーク横の緑マーカーをクリックすると緑色の小さなマーカーが出てくるので、これをドラッグして目的とする地点でクリックすると、「写真をここに配置しますか?」とのポップアップ画面がでてくるので、OK とするとマークを立てることができる。

    birdsplot_04.JPG
  4. すべての写真にマークが立ったら、Picasa の【ツール】 ⇒【アップロード】⇒【Picasa ウエブアルバムにアップロード】と選択すると、アルバムのタイトルなどを指定する下のスクリーンショットのようなアップロード画面が現われる。例えば、この画面で、タイトルを "ツグミ" としてアップロードすると新しいウェブアルバムが作成される。これは、Picasa の画面右上にある【ウェブアルバム】タグをクリックして確認できる。(もし、アカウントのない場合は、アカウントを登録する必要がある)

    birdsplot_05.JPG
    birdsplot_06.JPG
  5. 【ウェブアルバム】の画面で、新しく作成したアルバムをクリックすると、アルバムにアップロードした写真のサムネイルが表示される。この画面の右フレームの下の方にある、【Google Earth で表示】をクリックすると、作成された KML ファイルを保存するかどうかの下のようなポップアップが開くので、適当な名前をつけて適切なフォルダーに保存する。
    Picasa_webalbum_5.JPG
  6. ここで、Picasa と Picasa ウェブアルバムを閉じて、新たに【 Google マップ】を開く。左上の【マイマップ】をクリックし、【新しい地図を作成】画面を開く。新しく作る地図のタイトルを入力し、【インポート】をクリックするとインポートするファイルを指定する画面がでるので、先程保存したKML ファイルを指定してアップロードすると下のような画面になる。
    この時、Internet Explorer では、
    "Bad request"
    "Your client has issued a malformed or illegal request"
    というエラーが出て、うまくいかないことがある。
    Google のブラウザー Google Chrome では問題なくアップロードするので、こちらを選んだほうが良い。やはり、Google ソフトは Google 同士の方がうまく動くようだ。
    birdsplot_07.JPG
  7. この画面では小さな写真が、その写真を撮った地点にマークになっているが、これでは分かりにくい。
    この小さな写真をいろいろなアイコンに置き換えることができる。
    基本アイコンにもいろいろと用意されているが、マイアイコンを設定することもできる。ネットでサーチするとフリーのアイコンがいろいろと提供されており、これらを追加して(私の場合、レンタルサーバーにアイコンの gif ファイルを転送しておいた)使用することができる。今回の地図では、ツグミのアイコンが見当たらなかったので、体型のにているムクドリのアイコンを使ってみた。
    方法は、編集モードで、ふき出しにでている小さな写真をクリックすることで、置き換えることができる。(Google Maps ヘルプを参照)

    GoogleMap_4.JPGbirdsplot_08.JPG
  8. また、ふき出しにでてくる HTML のコードをいじることで、表示を変えることができる。
    アイコンをクリックして出てくる表示のサムネイル写真をクリックするとより大きな写真がウェブアルバムに表示される。
    作業途中でも保存しておけば、再度マイマップから該当する地図を開けば、編集を再開することができる。birdsplot_09.JPG
  9. 今回の目的は、【野鳥写真のサムネイル】からリンクする野鳥撮影地点プロット地図を作成しリンクすることであるので、ページに貼り付ける HTML コードが必要である。
     このコードは、先程の Google Map の右上にある リンク ボタンをクリックすると貼り付けるコードが表示される。この時、埋め込み地図のカスタマイズとプレビューの表示が出るので、これをクリックすると下のようなカスタム画面が出るので、地図のサイズなどをカスタマイズすると、この画面の下の方に、HTMLコードが表示される。

    birdsplot_11.JPG
  10. このHTMLコードを多少編集して、このエントリーに貼り付けて表示させたのが、下のプロット地図である。
    このプロット地図は、Google Map そのものであるので、航空写真に変えたりすることができる。また、マーカー(小鳥のアイコン)をクリックすると、その地点で撮影した写真が表示される。下の地図で試して欲しい。

 この方法を使って、記録すべき情報を充実したいと思っている。



Nikon GPSユニット GP-1
Nikon GPSユニット GP-1
posted with amazlet at 11.01.08
ニコン (2008-11-28)
売り上げランキング: 4847


2010年10月16日

隠居の探鳥ウォーク:サメビタキに遭遇


 快晴となった秋の朝、今まで足を向けたことのない自宅から東の方向に歩いてみた。この方向には、泉北ニュータウン光明池地区の住宅や公園がある。この地区にいたるには、まだわずかに残っている田んぼや畑を横切っていくと近道だ。小さな田んぼでも、コンバインが入って稲の収穫をしていた。こぼれた籾殻(?)をムクドリ・キジバトハクセキレイがついばみにきていた。
 田んぼのそばの雑木に、変わった翅の虫がヒラヒラと飛んできて留まった。この虫の名を YAMMAKO さんに聞いてみると、蝶ではなくホタルガではないかと教えてくれた。朝日が注ぐ草むらには、ツマグロヒョウモンコミスジ・キタテハが翅を広げていた。

 光明池地区の赤坂台という住宅地から鴨谷台に続く緑道は、中学・小学校に登校する生徒に混じって、もうリタイアした思われる熟年が犬の散歩をしていたりする。
 鴨谷体育館の裏を流れる二級河川の甲斐田川は、泉北一大きな溜池の光明池から流れてきており、鴨谷台から暗きょを通って、同じく二級河川の和田川に合流している。
 この幅10mほどの甲斐田川の堤は、桜堤になっている。この桜の木には、たくさんのエナガが低い枝に飛び回っており、シジュウカラ・コゲラがこれに混ざっている。
 少し、離れたところに、あまりみかけない黒っぽい鳥が一羽留まった。双眼鏡でみると、ツバメのようであるが、対岸の木に飛んでいき帰ってくる飛び方を見ていると普段見慣れたツバメの飛び方ではない。

 撮った写真を図鑑と見比べてみると、どうやらコシアカツバメのように思われたが、自信はないのでいつもお世話になっている【野鳥掲示板】に、写真3枚とともに投稿して尋ねてみた。早速、向井 三恵さん(掲示板の管理者?)という方がサメビタキではないかと教えてくれた。
3枚の写真で分かりやすくなりましたが、やっぱり、ツバメではなく、サメビタキだと思います。
高い枝の先に止まって、飛んでいる虫を捕まえに飛んでまた、枝に止まります。
1枚目の写真でもよくわかりますが、胸の模様がサメです。
エゾビタキも似ていますが、胸の模様が違います。

 暗きょの上と思われる道をたどって和田川までもどってくると、ここにいるのは、いつものカルガモ・アオサギ・コサギであった。
ホタルガ;クリックすると大きな写真になりますツマグロヒョウモン;クリックすると大きな写真になりますコミスジ;クリックすると大きな写真になりますキタテハ;クリックすると大きな写真になります
ホタルガ(螢蛾)
Nikon D90
ΣAPO120-400mm 270mm
(35mm相当405mm)
ISO500 1/30s F5.6
トリミング
ツマグロヒョウモン
Nikon D90
ΣAPO120-400mm 400mm
(35mm相当600mm)
ISO200 1/200s F5.6
トリミング
コミスジ
Nikon D90
ΣAPO120-400mm 400mm
(35mm相当600mm)
ISO500 1/1600s F5.6
キタテハ
Nikon D90
ΣAPO120-400mm 270mm
(35mm相当405mm)
ISO900 1/1600s F5.6
トリミング
ムクドリ;クリックすると大きな写真になりますエナガシジュウカラ;クリックすると大きな写真になりますコゲラ;クリックすると大きな写真になります
ムクドリ
Nikon D90
ΣAPO120-400mm 400mm
(35mm相当600mm)
ISO200 1/1250s F5.6
トリミング
エナガ
Nikon D90
ΣAPO120-400mm 165mm
(35mm相当247mm)
ISO1600 1/1600s F5.0
トリミング
シジュウカラ
Nikon D90
ΣAPO120-400mm 360mm
(35mm相当540mm)
ISO900 1/1600s F5.6
トリミング
コゲラ
Nikon D90
ΣAPO120-400mm 400mm
(35mm相当600mm)
ISO1800 1/1600s F5.6
トリミング
サメビタキ;クリックすると大きな写真になりますサメビタキ;クリックすると大きな写真になりますカルガモ;クリックすると大きな写真になりますアオサギ;クリックすると大きな写真になります
サメビタキ
Nikon D90
ΣAPO120-400mm 400mm
(35mm相当600mm)
ISO500 1/2000s F5.6
トリミング
サメビタキ
Nikon D90
ΣAPO120-400mm 400mm
(35mm相当600mm)
ISO500 1/2000s F5.6
トリミング
カルガモ
Nikon D90
ΣAPO120-400mm 140mm
(35mm相当210mm)
ISO1600 1/2000s F4.8
トリミング
アオサギ飛翔
Nikon D90
ΣAPO120-400mm 360mm
(35mm相当540mm)
ISO900 1/2000s F5.6
トリミング

 写真には、もって歩いていた GPS ユニットで撮影場所情報も取り込んでいたので、Google Maps 地図を作成した。興味があれば、ご覧頂きたい。この地図で使った蝶のアイコンは、Vector のダウンロード・ページから、tyo307(307種類の蝶の意)という307個のアイコンをフリーで手に入れることができる。ただし、名前は半角の仮名となっており、また拡張子は.ico となっているので、Google Maps で使うのには、それぞれ変換が必要である。
.ico から .gif への変換は、【ドラッグ&ドロップ画像変換】というフリーソフトで行った。

2010年10月12日

隠居の探鳥ウォーク:堺市で撮影した秋の野鳥たち


 10月の連休ころになって秋晴れの日が増え、近場に秋を探しに出かけた。ドック入りから帰ってきた望遠レンズの ΣAPO 120-400mm を NikonD90 につけて、GPS ユニットをベストのポケットに忍ばせた。主たる目的とする被写体は野鳥である。二十四節季の寒露となっても今年は暑さが残っているが、それでも少し涼しくなって、鳥の姿がチラホラと増えてきたようである。

 仁徳御陵となりの大仙公園には家内が急遽作った弁当持ちで、ハーベストの丘の花や野菜の直売所には家内が寄せ植えの花を買うというので付き合った。このお付き合いで、今まで写真に収めることのできなかったビンズイ・ヤマガラを初めて撮ることができた。この4日間にはその他に、ホオジロ・ヒヨドリ・セグロセキレイ・キセキレイ・マガモ(エクリプス)・カルガモ・カイツブリ・カワウ・コサギ・キジバト・アオサギ・モズ・シジュウカラ を記録に残すことができた。身近なところにも、結構鳥の姿は見られるのだ。
 NikonD90 では、ISO感度自動制御の設定ができる。この機能は、木立のなかでの小さな鳥を撮影するときなどには、威力を発揮してくれる。初めて撮ったヤマガラは、ISOが最高の3200 となっていた。

 前回のエントリーで記載した方法で、Google Map に撮影場所を野鳥のアイコンでプロットしてみた。野鳥のアイコンは、【Checking Mode】さんのものや、【鳥好きの部屋】さんのものを使わせてもらった。【鳥好きの部屋】さんのものは、そのまま使うと背景が白くなるので、FireWorks を使って透明にした。透明化の方法は、Adobe FireWorks のヘルプに詳しい。記録のために、リンクしておきたい。

 下の地図の野鳥アイコンをクリックすれば写真をみることができるが、もっと詳しくは写真を【Ctrl】キーを押しながらクリックすると別ウィンドウに表示される Web Album をご覧いただきたい。
カワセミなど撮った場所を教えたくない場合は、このような表示は問題だろうと思うが、今回の表示はありふれた場所のありふれた鳥なので、問題はないだろうと考えている。むしろ、記録のためにはおもしろいのではと思っている。


より大きな地図で(Google Map で) 堺市で撮影した秋の野鳥 を表示

2010年10月11日

隠居のパソコン備忘録:Google Maps と Picasa を使って位置情報を持つ写真を掲載する

 GSPユニット:GSP-CSK1 を手に入れたのをきっかけに、Picasa で撮影場所を記録することを試みてきた。
 撮影場所をマークした写真を表示する地図をブログに掲載するには、EveryTrail というサイトの【CREATE TRIP】の機能を使った。自分の写真情報が入ったtripという地図を作成し、これをアップロードしてきた。 結果としては、コマーシャル色の強い EveryTrail のサイトに自分の地図や写真を預かってもらうことになる。

 他に方法がないかとネットでググってみると、どうやら Google Earth を経由して、Google Map でブログに掲載できるような地図を作成できることが分かった。歳をとってすぐにやり方を忘れるので、備忘録として記録しておきたい。
  1. 写真に撮影地点の情報を取り込むのは、【隠居の写真整理:Picasa でGPS ユニットを使って撮影場所を記録する】で記載している 4.までの順序どおりである。
  2. 地図に掲載したい写真を選択して、Picasa の【ツール】 ⇒【アップロード】⇒【Picasa ウエブアルバムにアップロード】と選択すると、アルバムのタイトルなどを指定する下のスクリーンショットのようなアップロード画面が現われる。例えば、この画面で、タイトルを "Morning Walk at Oct. 8, 2010" としてアップロードすると新しいウェブアルバムが作成される。これは、Picasa の画面右上にある【ウェブアルバム】タグをクリックして確認できる。(もし、アカウントのない場合は、アカウントを登録する必要がある) Picasa_webalbum_1.JPG
  3. 【ウェブアルバム】の画面で、新しく作成したアルバムをクリックすると、アルバムにアップロードした写真のサムネイルが表示される。この画面の右フレームの下の方にある、【Google Earth で表示】をクリックすると、作成された KML ファイルを保存するかどうかの下のようなポップアップが開くので、適当な名前をつけて適切なフォルダーに保存する。Picasa_webalbum_5.JPG
  4. ここで、Picasa と Picasa ウェブアルバムを閉じて、新たに【 Google マップ】を開く。左上の【マイマップ】をクリックし、【新しい地図を作成】画面を開く。新しく作る地図のタイトルを入力し、【インポート】をクリックするとインポートするファイルを指定する画面がでるので、先程保存したKML ファイルを指定してアップロードすると下のような画面になる。
    この時、Internet Explorer では、
    "Bad request"
    "Your client has issued a malformed or illegal request"
    というエラーが出て、うまくいかないことがある。
    Google のブラウザー Google Chrome では問題なくアップロードするので、こちらを選んだほうが良い。やはり、Google ソフトは Google 同士の方がうまく動くようだ。GoogleMap_3.JPG
  5. この画面では小さな写真が、その写真を撮った地点にマークになっているが、これでは分かりにくい。
    この小さな写真をいろいろなアイコンに置き換えることができる。
    基本アイコンにもいろいろと用意されているが、マイアイコンを設定することもできる。ネットでサーチするとフリーのアイコンがいろいろと提供されており、これらを追加して使用することができる。野鳥の写真には、提供されているアイコンを使ってみた。
    方法は、編集モードで、ふき出しにでている小さな写真をクリックすることで、置き換えることができる。(Google Maps ヘルプを参照)

    GoogleMap_4.JPGGoogleMap_5.JPG
  6. また、ふき出しにでてくる HTML のコードをいじることで、表示を変えることができる。
    アイコンをクリックして出てくる表示のサムネイル写真をクリックするとより大きな写真がウェブアルバムに表示される。
    作業途中でも保存しておけば、再度マイマップから該当する地図を開けば、編集を再開することができる。GoogleMap_6.JPG
  7. 形を整えた地図は、地図の上に表示される【リンク】タグをクリックするとページに貼り付けることができる HTML コードが表れる。これを地図を表示させたいページに Copy&Paste すればよい。
    実際に下に HTML を貼りつけてみた。Google Map 作成で、Polyline も描くことができるので歩いた道も表示できるだろう。また、当然ながら Google Map の機能をもっているので拡大したり、航空写真モードで見ることもできる。
    サムネイル写真のクリックで別ウィンドウに表示されるウェブアルバムで編集することもできる。
    これらの機能をうまく使えば、旅行した時の写真整理などには有効であろう。


 ただ、この地図も、Google サイトで預かってもらうことになる。自分の有料のサーバーに負担をかけなくていいが、Google が個人の作品まですべて取り込もうとしているのではないかとの疑念もないことはない。


より大きな地図で Morning Walk at Oct. 8, 2010 を表示


2010年7月16日

隠居のGoogle利用:検索したGoogle マップをメール・ブログに貼り付ける

 先日同期(従って古希に近い歳の)の友人と食事をしたときに、ブログに Google Map を貼り付ける方法を聞かれた。彼はこの歳にしては、IT に理解があるほうだ。とっさに、Google Maps API の紹介をしたが、自分のサイトを持っていなければならないし、JavaScript の理解など敷居がいささか高い。

 ところが、簡単にできないものかとググってみると、それほど難しくなくできることが分かった。備忘録的に、使い方を記録しておこうと思う。この方法の一部を使えば、メールにも挿入することができる。
  1. Google マップー地図検索】を立ち上げて、目的とする地点を表示する。(例示として、私の住んでいる地区の堺市南区役所を取り上げた。)
    map_01.JPG

  2. この地図をメール送信するには、地図の右上にある【送信】ボタンをクリックする。すると下のスクリーンショットのようなポップアップ画面がでてくるので、送信する情報セレクト・ボックスで、この例の場合南区役所を選択し、送信先のアドレス、自分のアドレス(必須)、メッセージ欄に用件を挿入して、【送信】ボタンをクリックすると画像認証コードの入力が求められる。これを実施するとメールが送信される。 map_02.JPG map_03.JPG
     受信したメールは次のようなメッセージとなるので、長いURL部分をクリックすると最初に検索した地図が表示される。待ち合わせ場所などの連絡などに使えば便利そうである。
    map_04.JPG
  3. ブログに貼り付ける場合は、検索した地図の右上にある【リンク】をクリックする。するとブログに貼り付けるHTML コードが出てくる(下のボックス)ので、これを Copy&Paste で目的とするブログに貼り付ければよい。ただし、ブログによっては、HTMLタグを全面的に受け入れていないブログもあるので、その場合はブログには張り付けられない。
    私が試した範囲では、Yahoo Blog! では地図は表示されないが、ココログではOK であった。もちろん、私のブログが使っている Movable Type でもOKである。
    上のボックスに出ているURLをメールに貼り付けても、メールで送信できる。受信側は、同じような形で受け取ることになる。こちらの方が、画像認証をしなくていいのと、使い慣れたメール作成ページに張り付けられるので便利のように思う。
  4. ブログに張り付ける地図は、左サイドの案内(広告)部分はなくて、大きさはカストマイズできる。700x600ピクセルに拡大したものは、次のような感じである。(私のMovable Type でのブログ)
    張り付けられた地図は、Google Map を使うように、拡大・縮小ができたり、画面を移動できたりする。下の地図で試してみて欲しい。
    ただし、ふき出しの中に関連URLへのリンクを入れるとか、写真を表示するなどもう少し細かい作業は、やはり Google Maps API を使わなければできないようだ。


    大きな地図で見る

  5. マークやふき出しを表示させない方法は、【小粋空間】さんが提供してくれている。

    ただ、現在は改良されているのか、検索したときの状態のままをHTML 化してくれているようだ。



(追記:2010/7/23) 2010年7月23日現在:【送信】ボタンでのメール送信は 2. の画面がでてこないが、受信元にはURLで届いているようだ。画像認証がなくなっているので楽になっている。 3. の方法には、変化はない。