Googleアーカイブ: Atelier

2010年7月16日

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

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

　ところが、簡単にできないものかとググってみると、それほど難しくなくできることが分かった。備忘録的に、使い方を記録しておこうと思う。この方法の一部を使えば、メールにも挿入することができる。

【Google　マップー地図検索】を立ち上げて、目的とする地点を表示する。（例示として、私の住んでいる地区の堺市南区役所を取り上げた。）

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

大きな地図で見る
マークやふき出しを表示させない方法は、【小粋空間】さんが提供してくれている。
- Google マップの埋め込み HTML でふきだしを消す方法（新）
- Google マップの埋め込み HTML でふきだしを消してマーカーを残す方法
ただ、現在は改良されているのか、検索したときの状態のままをHTML 化してくれているようだ。

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

隠居のGoogle Maps API: データ用XML ファイルの編集

　友人や私が旅行に行ったところなどをプロットする地図を、Google Maps API を使って作成しブログに埋め込んでいる。
　作成する自分用の地図はいろいろとあるが、プロットする地点が少しずつ増えていく旅行地図--例えば、Studio YAMAKO の【国内旅行：2009】などでは、本体の Javascript はいじらずに、行った地点の経度・緯度などのデータを XML ファイルに追加して呼び込んでいる。

　ところがいつも使っているエディタの【秀丸】できちんと XML の文法に則ってファイルを作成しているはずなのに、Google Maps API が読み込んでくれない。原因を乏しい知識のなかでググって見たが、なかなか解決策が見当たらないまま1週間くらいが過ぎてしまった。ひょんなことから、完全な解決ではないが、原因がわかったので、この間に学習したことを備忘録として記録しておきたい。

　XML fileにエラーがある場合、Internet Explorer でこのファイルを開く(フォルダー⇒該当ファイルを右クリック⇒プログラムから開くで出るセレクトボックスから、Internet Explorer を指定する）と、次のようなメッセージがでて開けない。

Internet Explorer

　 Google Chromeでは、次のようなメッセージが出る。

Google Chrome

ここで出てくるライン( line) とは、開始タグと終了タグで囲まれたテキストが行を表していると思われる。それで推定すると、どうやら最後の行の外に、余計な何かが附加されているようである。

いつも使っているエディタの【秀丸】でXML fileを眺めつすがめつしてみたが、よくわからない。

【秀丸】

この表示の最後にある [EOF] は、End Of File のことであり、【秀丸】特有のものである。後で分かったことだが、この[EOF] が問題であった。

XML の文法が正しいかどうかは、W3CSchool のXML のセクションにある　validator で確認できる。この validator で【秀丸】で表示されるコードを確認すると　no error と表示される。

XML file の中身は、Notepad でも確認できる。IE でエラーとなった XML file をNotepad で開いてみると、下のように【秀丸】の [EOF]部分が黒い四角形の文字となっている。Notepad で、この黒い四角形の文字を削除して保存して、IE で実行してみるとエラーは起こらない。

Notepad

　再度、"秀丸　EOF"でググってみると、【秀丸】への理解が十分でなかったことが判明した。【秀丸】の設定で、 [EOF] を保存しない、読み込むときに　EOF制御文字を無視するとすると（【秀丸】で「その他」⇒「ファイルタイプ別の設定」⇒「保存の対象」「その他」「保存読み込み」で設定できる）、IE での展開でエラーは起こらなくなった。

　これらを調査するなかで、XML エディタとして【XML Notepad 2007】というユティリティがあることが分かった。今まで、XML file のエディタとしては便宜的に【秀丸】を使ってきたが、これが問題であった。まだ十分に理解出来ているとはいえないが、XML に特化した【XML Notepad 2007】を使うと下のスクリーンショットで分かるように非常に簡便となる。
　今後は、Google Maps API で使うXML file の作成は、このユティリティを使っていくつもりである。

【XML Notepad 2007】

隠居のGoogle Maps：IE8 での不具合を回避する

　私のサイトを訪問してくれる人が使っているブラウザで最も多いのは、Internet Explorer 8（IE8）であり、私のパソコンにもIE8 をインストールしたことは、先日のエントリーで報告した。
そのときに気づかなかったが、Google Maps API を使って作った個人的な地図に置いた、地図を移動したり拡大・縮小するためのコントロール（例えば、GLargeMapControl　）や通常の地図か航空写真かその合成かを選択するコントロール（例えば、GMapTypeControl）が機能していなくて、下のスクリーンショットのように表示されないことが分かった。

対処法についてネットサーチしてみると、IE8 と Google Maps API とは相性が悪いらしく、解決策が２つ示されていた。

（解決策１：DocType宣言の変更）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

（解決策２：IE7互換モード用のMETAタグ挿入）

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

　だが、この二つの解決策を試してみたが、一旦治ったように見えたものの最初だけですぐにコントロールが表示されなくなった。

　その他もいろいろと探ってみたが、送信者側ではどうやら方策はなさそうだった。何かヒントはないかと Google maps のページにいき「ヘルプ」を開いてみると、お薦め記事に、「Internet Explorer を使用すると問題が発生する」というのがあった。その記事を開くといくつかの項目のトップに、「キャッシュを消去する」とあり、これを実行すると、IE8 でも下のスクリーンショットのように、コントロールが表示され機能するようになった。

　訪問してくれる人に手数をかけることになるが、地図の表題に注意書きを入れることで、とりあえずの対処法とすることにした。
　これは、Google と　Microsoft との間の問題ではあるが、早く解決されることを願っている。　

Google Maps API で旅行地図を作る：番号付きマーカーを使う

　昨年秋に、宍道湖をドライブしたときの旅行記はエントリーしたが、旅行地図を作ろうと思いながらできずにいた。
　最近新たな知識も取り入れて、宍道湖ドライブ地図を作製したので、備忘録として記録しておきたい。
　ツーリストがプロを使って作成していると思われる Google Maps API による地図には、数字や英字の入った Marker を格好良く使っている。私も使いたいと思っていたが、数字入りマーカーを作る方法がよく分からなかった。どこかに、できあいのものはないかと、"番号付きマーカー"というような言葉でネットサーチしていると、dLinkbRING というサイトを見つけた。そこで提供されている番号付きマーカーがもちろん使えるが、そのページに紹介されている、こんな便利なサイトにいくと自分の好きな色のマーカーに、数字あるいは英字を入れて作れるサービスが提供されていることが分かった。これで、次のような番号付きマーカーを作った。

　これらを地図上に表示させるには、AjaxTowerというサイトのGoogle Maps入門(Google Maps API)を参考にした。このサイトの「マーカーのアイコンを指定」の JavaScript コードを参考にして、以前に　「伊勢参り」　のエントリーで使った　GoogleMaps API コードの JavaScript 部分に手を加えてみたのが、次のコードである。

<!-- 番号入りマーカーを表示する。-->
    <script type="text/javascript">
    //<![CDATA[

    var map;
    var marker1, marker2, marker3, marker4, marker5;

    map = new GMap2(document.getElementById("map"));
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(35.430883,133.01199),10);
    map.setMapType(G_HYBRID_MAP);

    var markerIcon1 = new GIcon();
    markerIcon1.image = "http://n-shuhei.net/xxxxxxx/xxxxxx/marker1.png";
 //   markerIcon1.shadow = "./img/shadow.png";
    markerIcon1.iconSize = new GSize(35, 40);
 //   markerIcon1.shadowSize = new GSize(70, 56);
    markerIcon1.iconAnchor = new GPoint(18, 40);

    var markerIcon2 = new GIcon(markerIcon1, "http://n-shuhei.net/xxxxxxx/xxxxxx/marker2.png");
    var markerIcon3 = new GIcon(markerIcon1, "http://n-shuhei.net/xxxxxxx/xxxxxx/marker3.png");
    var markerIcon4 = new GIcon(markerIcon1, "http://n-shuhei.net/xxxxxxx/xxxxxx/marker4.png");
    var markerIcon5 = new GIcon(markerIcon1, "http://n-shuhei.net/xxxxxxx/xxxxxx/marker5.png");

    var opt1 = {icon:markerIcon1};
    var opt2 = {icon:markerIcon2};
    var opt3 = {icon:markerIcon3};
    var opt4 = {icon:markerIcon4};
    var opt5 = {icon:markerIcon5};

    marker1 = new GMarker(new GLatLng(35.469199,133.053875), opt1);
    marker2 = new GMarker(new GLatLng(35.44333,133.284674), opt2);
    marker3 = new GMarker(new GLatLng(35.444729,132.866077), opt3);
    marker4 = new GMarker(new GLatLng(35.401434,132.685919), opt4);
    marker5 = new GMarker(new GLatLng(35.377854,133.198242), opt5);
		
    var marker1_is_displayed = 0;
    var marker2_is_displayed = 0;
　　var marker3_is_displayed = 0;
　　var marker4_is_displayed = 0;
　　var marker5_is_displayed = 0;

    function checkbox1clicked() {
      if (marker1_is_displayed == 0) {
        map.addOverlay(marker1);
        marker1_is_displayed = 1;
      } else {
        map.removeOverlay(marker1);
        marker1_is_displayed = 0;
      }
    }

    function checkbox2clicked() {
      if (marker2_is_displayed == 0) {
        map.addOverlay(marker2);
        marker2_is_displayed = 1;
      } else {
        map.removeOverlay(marker2);
        marker2_is_displayed = 0;
      }
    }
	
	function checkbox3clicked() {
      if (marker3_is_displayed == 0) {
        map.addOverlay(marker3);
        marker3_is_displayed = 1;
      } else {
        map.removeOverlay(marker3);
        marker3_is_displayed = 0;
      }
    }
	
	function checkbox4clicked() {
      if (marker4_is_displayed == 0) {
        map.addOverlay(marker4);
        marker4_is_displayed = 1;
      } else {
        map.removeOverlay(marker4);
        marker4_is_displayed = 0;
      }
    }

    function checkbox5clicked() {
      if (marker5_is_displayed == 0) {
        map.addOverlay(marker5);
        marker5_is_displayed = 1;
      } else {
        map.removeOverlay(marker5);
        marker5_is_displayed = 0;
      }
    }
   //]]>
    </script>

もともとのコードがどこかのページからいただいたコードだから、よく理解していない部分もあるが、なんとか上手く機能しているようである。 iconSize での数字を変えることで、番号付きマーカーの形が変わるようである。また、shadow もつけられる。
　このようにして「宍道湖私的観光地図」を作った。下は、その screenshot であるが、全体像は右メニューにボタンを置いたのでクリックしてみて欲しい。

なお、このGoogle Maps入門にある「マップタイプの選択」ページで示されている JavaScript, Google Maps API リファレンスのコードを参考に、初めに表示される画面を「地図＋航空写真」(HYBRID) に設定した。
　Google Maps入門のサイトには、他にも少し学習すれば使えそうなインストラクションもあるので応用していきたいと思う。

隠居の写真整理：Picasa Web Album

　前回は Picasa の操作について記録したので、Picasa が導入されていることを前提に Picasa を使ってネット上に仲間へ写真を公開する操作について記録しておきたい。写真を公開するためには、Google のアカウントを作成しておく必要がある。
　

Google のアカウント作成は、Google のいろいろな画面ででてくるが、ここではホームページの下部にある「写真管理」をクリックする例で記録しておきたい。

　クリックすると出てくる Picasa ウェブアルバムの画面で、「アカウントを作成」ボタンをクリックする。
するとアカウントを作成するために右のような必要な項目の入力画面がでてくるので、指示通りに入力する。
入力が求められるキャプチャーの英字は判別しにくいようだが、一字一字確認すれば大丈夫である。失敗しても、再度やり直せば新しいキャプチャーが表示される。
アカウント作成が上手くいくと早速「Picasa ウェブアルバムの使用開始」の画面が表示される。

ウェブアルバムに写真をアップロードするのは、すこぶる簡単である。

先ず Picasa を起動　する。
左のフォルダー表示から、共有したい写真のあるフォルダーを選択し、サムネイルを表示する。そのフォルダーにある写真をすべて掲載（アップロード）する場合は、フォルダー名を反転させて（選択して）、画面下のツールアイコンのアップロードをクリックすればよい。写真を選択してアップロードする場合は、サムネイルから写真を選択してアップロード・アイコンをクリックすればよい。
すると「ウエブアルバムにアップロード」というポップアップ画面が出るので、右上の新規ボタンをクリックする。すると右のような画面に変わるので、適切なアルバム名と説明を入力する。

「アップロードするサイズ」は推奨の1600ピクセルでよいのではないかと思う。元の写真がこれより小さいサイズの写真であれば、そのサイズでアップロードされるようだ。
「このアルバムの可視性」では「非公開」を選んで、アップロードボタンをクリックするとアップロードが始まる。
Picasa の画面の右上にある「ウェブアルバム」をクリックすると、先ほどアップロードした写真の１枚目が表示されたアルバムが現れる。
このときのブラウザーは、Firefox となる。
アルバムを Google サーバーにフリーで置けるのは、1GB までのようである。

このアルバムの写真をクリックするとアルバムのサムネイルがでて、スライドショーなどで全ての写真を見ることができたり、「編集」ボタンを選択すると写真の並べ替えができたり、アルバムのカバー写真を変えたりできる。

このアルバムを仲間に見てもらうときは、「共有」タブをクリックすると右のようなメールの送信フォームがでるので、送信先のメールやメッセージを付け加えて送信すればよい。メールを受け取った側（受信者）は、「アルバム表示」をクリックすると送信したときと同じ画面があらわれる。極めて便利にできている。
この画面の右にある「このアルバムへのリンク」をクリックすると、下にURL を表示するボックスが現れるので、この中味をコピーして仲間へのメールに貼り付けて、メールを送信することもできる。

　Google が提供するソフトはフリーだし、ファイルも Google で預かってくれるので便利ではあるが、なんとなく Google に取り込まれているような気がしないでもない。

Googleの進化：Web Mail GMAIL、マウスオーバー辞書

Google Maps APIなどを使わせてもらっているGoogleがどんどん進化している。紹介なしでは参加できないとあきらめていた Web Mail サービスのGMAILが、2006年8月23日から、紹介なしでアカウントが作れるようになっていたらしい。使用できるメールボックスの容量もどんどん増えるらしく、１月６日現在フリーで 2800MB まで使えるようになっている。私がこのブログなどに契約している有料のレンタルサーバーの容量が 500MB であるから、それと比べてもなんとも豪勢なサービスである。現在使っているメーラーの「Beckey!」には何の不満もないが、Web Mail のアドレスを一つ持っておくのもいいかなと早速登録してみた。ISP（eo光）のメールアドレス・レンタルサーバーでの独自ドメインメールアドレス・ケイタイのアドレスに加えて４つ目のアドレスになるが、転送設定をしておけば、インターネットにつながる環境ならどこでもメールが確認できる。Gmail の機能などについては、Gmail Maniacsに詳しい。Gmailでの過去メール表示は、受信と返信をセットで（スレッド的に）表示されるようになっている。これはなかなか便利である。
（2007/1/9：追記） 　かって事務系の仕事をしていたころ、便利にしていたソフトがあった。Technocraftという会社の「Roboword」というソフトである。インターネットが広がり始めたころに、コンピュータ雑誌に紹介されており導入した。このソフト、英単語の上にカーソルを乗せると吹き出しがでて該当単語の英和辞書の内容が出る。凄いソフトが出てきたと IT の進歩に感激していた。英語の原文を読むときにずいぶん役にたった。それから約１2年、IT がDog Year といわれる変革を続けている。「Roboword」そのものも随分進化を遂げているが、昔大枚をはたいたソフトが、Google のツールバーに”マウスオーバー辞書”という機能でついたのだ。ただし、どの程度の語彙をカバーしているのか分からないが、新しい単語などは辞書にないような気もするし、ブラウザー上の言葉にしか対応していない。しかし、最近インターネットで目にする中国語とかスペイン語などでも英語への辞書であるが対応している。このマウスオーバー辞書で、アクセス解析ツールの Artisan が職人という意味なのを初めて知った。
その他、もちろん本元の検索サービスもサイト内に取り込んでいる。どこまで進化するのか楽しみだ。ちょっと目が離せない。

泉北から近い紅葉の名所：河内長野観心寺

　紅葉の綺麗な時期も桜の花と同じように短い。野暮用で過ごしている間に、情報を得ていた泉北近辺の紅葉の名所に行きそびれた。11月30日、牛滝の大威徳寺を再訪したついでに河内長野の観心寺に車を走らせた。やっぱり盛りは過ぎていたが、牛滝より赤味が多く残っていた。
　大威徳寺は現在は天台宗だが、近世以前は真言・天台兼学寺院だったそうだ。この観心寺も真言宗である。そういえば、どちらの寺院も境内の造りが高野山の寺院に似ている。楓が多く植えられているのは共通しているのかもしれない。また、観心寺は楠木正成が若いときに過ごしたようだ。観心寺の方が敷地は広く、駐車は無料だが拝観料を300円とられる。梅の時期にもう一度訪れたい。

泉北近辺私的観光地図に掲載

泉北ニュータウン私的観光地図：Google Maps API Trial_5

　Google Maps API を使って、「泉北近辺私的観光地図」を編集し、右サイドメニューの「リンク」に置いてみた。自宅以外で場所を特定できる今までのエントリーにたどり着けるようにした。このようにすると、元のエントリーで表現している画像の表示に litebox が使えたり、MP3 Flash Player も動く。
　xml　ファイルを再編集するだけで新たな地点とエントリーが追加できるので簡便になった。

改訂：早春の鹿児島：Google Maps API に litebox を使う

　今年の３月に掲載した旅行記に使用した地図が Google の利用規約に触れるのではないかと気になりエントリーから削除していた。新たに、 Google Maps API を利用して地図を全面的に作り変えてみた。この API の利用は、このようなエントリーを編集するには革命的なソフトであるが、ただ不満は今年の７月から使っている litebox-1.0 がうまく動作しないことであった。いろいろと試行してみたが、１１月１２日のエントリーに litebox-1.0 の JavaScript を取り入れてみるとうまく動作するようになった。下の地図のサイドバーのチェックボックスをクリックするとその地点にマーカーが現れる。

をクリックすると写真が lightbox 的に現れるので試してみてください。理屈的にはよく分かっていませんが、このエントリーに使っている iframe のソース　head 部分で、lightbox.ccs を呼んでくるときに、次のように media="screen" を加えると上手くいきました。ご関心がある方は、 iframe 内のソースを参照ください。

<link rel="stylesheet" href="http://xxxxxxxxxxxx/litebox/css/lightbox.css" type="text/css" media="screen"/>

　高校の修学旅行以来行ったことのなかった鹿児島に、２月末の日・月に家内とFlight&Driveした。鹿児島は私にとって４７年ぶりであり、家内は初めてである。その当時は修学旅行専用列車で、２４時間かかって西鹿児島まで行ったように思う。今回は、大阪空港７：５０発に搭乗し、９時３０分には空港近くで借りたレンタカーで国道５０４号線を走り出していた。鹿児島は車の方がバスや列車より便利なのか、空港近くには多くのレンタカー会社が沿道沿いにあり、利用者も多い。確かに、日曜日というのに道は空いており、ゆったりスイスイと走れた。
　昨秋のみちのくと異なり、季節のせいもあるかもしれないが、蘇鉄が街路樹として植えられている沿道の風景はどことなくのんびりとした風情であった。いつものように、細かいルートは決めず、北帰行前のツルを出水に見に行くことと指宿で温泉に入ることだけを最低限の目的にしていた。トラベル雑誌の地図は一応参考にするが、ルートは一般道を走るか高速道路を走るかといった設定だけであとはカーナビ任せである。カーナビのいいところは、おおよその到着地までの時間を教えてくれることである。都会と違って、渋滞が全くといってないから、予想到着時間は、ほぼ正確である。出水までの道（５０４→３２８号線）は、どこにでもあるような里山が続く田舎道であった。朝食が早かったので、早い昼食を出水市に入ったところの和風レストランで摂った。食事は家内がいつも地方色がでてリーズナブルなものを求めるので、店を選ぶのがなかなか難しい。この和風レストランで摂った黒豚のカツとじはなかなかであった。
　昼食を摂ったレストランの人の話では、「このごろの暖かさで昨日は数百羽が北帰行をした聞いている。もういないのではないか」というのでがっくりしながら、そこから１０数キロ離れたツル観察センターに行ってみるとまだ沢山のナベヅルかマナヅルが、干拓地の田に群れていた。動物園くらいしかツルを見たことはなかったのでこれには驚いた。この地はもともとツルの飛来地だったのだが、麦などをあたえるようになったので、これだけ集まるらしい。ついでに、カラスもワシらしき鳥も餌を求めに来ている。どんよりと曇っていたのと時間が無かったので、４から５羽の群れで飛び立つ北帰行のような良い写真は撮れなかった。（ほんとの理由は技術だが。）出水市のツルの北帰行などの状況については、以下のサイトが詳しい。

http://www.city.izumi.kagoshima.jp/izumi08/izumi44.asp

　今日の宿休暇村指宿までは、東シナ海に面した海岸沿いを市来というところまで南下し、そこから南九州自動車道と指宿スカイラインのルートをカーナビに設定した。どんよりと曇った天候のせいもあるが、海岸沿いの道路は単調であった。それより、鉄道マニアの孫がいつもDVDで見ている肥薩オレンジ鉄道の線路がこの道路沿いに走っており、２時間ほどの間にオレンジ色の単車両の列車に２回出会った。旅行に出ていても、孫の話になるのは、やっぱりオジイチャン・オバアチャンなんですね。道の駅「阿久根」で求めた焼き芋と薩摩揚げは名物にうまいものなしというものの結構美味しく食した。　カーナビでは、南九州自動車道は市来からであったが、手前の串木野というところまで延びてきていた。最近の道路行政のせいか、それよりも北へ伸ばす計画だったらしく橋脚の上に道路ができあがった状態で工事を中断しているようであった。
　指宿スカイラインは、錦江湾を望む山を切り開いて造られた道であり、途中に造られたいくつかの展望台では錦江湾（鹿児島湾）から写真のように桜島が見渡せる。
スカイラインから指宿に下る途中にはかの知覧がある。朝からの運転に少し疲れていたこともあり、宿にいって早く風呂に入りビールを飲みたかったこともあって、翌日に訪問することにした。
　休暇村は乳頭温泉郷でもそうであったが、その観光地の中心的な場所から離れている。休暇村指宿は、開設されたのはいつか分からないが随分古ぼけていた。砂風呂もどうも天然ではないようだ。（入っていないので分からないが）　リーズナブルな料金から言って、こんなもんでしょうと家内からは窘められた。それでも、波の音を聞きながらの露天風呂は格別であった。お湯を少し口に含んでみると海の近くの温泉らしく、ナトリュームの味がした。食事は、選択していた黒豚のしゃぶしゃぶとオプションのキビナゴの刺身を食べた。量は随分多かったが、やわらかくてしつこくなく全部食べてしまった。錦江湾にあがる朝日がきれいとのインフォメーションがあったので、日の出を期待したが、残念ながら曇天の雲で見ることはできなかった。
　２日目のカーナビ設定は、開聞岳→枕崎→知覧武家屋敷跡→鹿児島中央駅→空港という順にした。朝早くは曇っていたが、日が高くなるにつれて快晴となった。
　菜の花畑から開聞岳（薩摩富士）を見るというスポットを求めてうろうろしたが、結局見つからなかった。見つからなかったが、被写体はどちらもしっかり撮ったので合成写真にした。頭の中では、マルチデイメンジョンでこのような景色を見ている。
　開聞岳から枕崎に向かう国道２２６号線（南薩摩路）沿いに有名な「さつま白波」の工場があった。昔からこんなに綺麗な工場だったのだろうか。芋焼酎ブームに乗って、きっと見学者が多いのだと思う。
　枕崎漁港にある「お魚センター」では、カツオやマグロの腹皮、鰹節が現地の産物といった感じであったが、あとは大阪のスーパーでも手にはいるようなものばかりであった。八戸の八食センターにはとても及ばない。漁港に泊まっている船の上で、魚を発送するのかコンテナの魚を移し換えていた。高級料亭にでも持って行くのであろうか、ずいぶん大きなヒラメや鯛が見えた。
　岸壁に駐車している間に車内は高温となっており、走り出すと24度に設定したエアコンから冷風が流れてきた。
　枕崎から知覧への道は、ゆるやかな丘陵地帯に茶畑が続いている。なんとなくのんびりとした豊かさを感じる地域である。このようなところで、若き青年たちは死を覚悟しながら過ごしていたのだろうか。特攻平和会館が近づくにつれ、沿道の歩道には石の灯篭が整然と並んでいた。美しい町並みである。
　知覧の武家屋敷跡は、秋田角館の屋敷跡と異なって、７軒の比較的小さな庭園が公開されている。この７軒を含む街道沿いの垣根は美しく手入れがされていた。それぞれの庭園には春を告げる花々が咲いていた。一軒の屋敷にはお嬢さんがお住まいなのか、縁側に続く部屋にはひな人形が飾られていた。
　武家屋敷の庭園で撮った花は、別のエントリーに、Flash Album で掲載した。
　帰りの搭乗時間までは時間があったので、遅い昼食がてら鹿児島中央駅に立ち寄った。北の地域と違って南では、ラーメンの味もあっさり味が多いようである。アミュプラザ・ビルの地下１階のラーメン店をでたすぐそばに、カメラに収めたいポスターがあった。
　大阪伊丹空港に帰ってくると寒い風が吹いており、ああ、まだ冬なんだと季節を思い出させてくれた。１泊の旅行ながら、一足早い春を感じることができた旅行であった。　

道東ドライブ：Google Maps API　Traial_3

　エントリー＜秋の網走・知床・阿寒・摩周・屈斜路湖：レンタカードライブ＞では、 ZENRIN の地図をキャプチャーしたものを使った。内容を同じにして、地図を Google Maps API に変更した。地図の右サイドの地名をクリックすると該当する場所のマーカーに吹き出しが出て、その中のリンクをクリックすると写真が出るようになっている。その他、拡大・縮小、ドラッグしての移動、航空写真にするなど Google Map　の機能はそのまま使える。この Google Maps API 導入には、いささかの学習を必要としたので、私のような初心者向けに学習体験を地図の下に備忘録的に記したい。

　前のエントリー＜泉北近辺私的観光地図：Google Maps API Trial_2＞と異なる点は、地図の右サイドに地名を並べ、それをクリックすると目的とする地点のマーカーに飛ぶようにしたことである。この API の題材は、前のエントリーでも紹介した Google Maps API Tutorial からいただいたものである。前のエントリーでは、sample のソースコードをコピペし、Google Maps API キーを自分用に変えたり、data を変更するだけで上手く導入することができた。
　今回いただいた sample (Part 3) は、 xml ファイルを使うことになっている。今回も xml ファイルをコピペしたらいいと思っていたが、そうは単純にいかなかった。コピペだけで上手くいかないとなると基礎知識が希薄であるから、どこをさわったらいいのか見当がつかない。 IE7の問題なのかなどと勘ぐったが、Firefoxでも上手くいかない。Firefox では、以下のようなメッセージが出る。

この XML ファイルにはスタイル情報が関連づけられていないようです。以下にドキュメントツリーを表示します。

　IEでも似たようなメッセージがたびたびでる。 Ajax を良く理解していないと思い調査したが、Ajax についてのサイトはちょっと高度で敷居が高い。が、そんなに高度の問題でもないようだ。どうやら xml ファイルへの理解が少ないことが原因らしいと思われたので、基礎から学習することにした。xml を教えてくれるサイトは「たのしいXML」のような日本語のサイトがあるがもうひとつピンとこない。Google で "xml tutorial" でサーチしてみると英語の世界にに基本から教えてくれるサイトがあった。W3 Schools である。このサイトのXML Tutorial を最初から読んでいくと優しい英語で非常に分かりやすい。XML Basic の９講座あたりに、自分で作った xml ファイルをファイルの中身をコピペするのとファイル名を入れて、それぞれ validate する個所がある。ファイルの中身のコピペではエラーを起こさなかったが、ファイル名をいれると何の表示もない。Note: をみるとどうやらクロスドメインの問題らしい。ここからヒントをもらい今まで、Dreamweaver を使ってPC のC:ディレクトリーに　JavaScript を置き、呼んでくる xml ファイルをレンタルサーバー上に置いていたので上手くいかなかったようだ。JavaScript を含んだHTMLファイルもサーバー上に置いたら、望む結果が得られた。JavaScript に xml ファイルをよんでくるには、同じドメインでないと駄目のようである。目的としていることができたのでxml の学習は中断してしまったが、機会を見て続きを勉強したい。
　Google Maps API には、ルートに色を付ける方法も用意されているようなので再度挑戦してみたい。
　なお、xml ファイルのデータとして書き込む地点の経度・緯度を得るには、Google Map で望む地点をダブルクリックして、右上のメールをクリックすると送信フォームの中に数字が示されるので、それをコピペすれば楽である。正確性を期するならば、国土地理院の「ウオッ地図」で目的地点の経度・緯度が求められるが、度以下の少数部分は計算が必要である。
　Google Maps API に取り組んでから、アルツハイマーになりつつある頭脳弱体化防止には少し役立ったかもしれない。