Googleアーカイブ: Atelier

2010年1月18日

隠居の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 に取り組んでから、アルツハイマーになりつつある頭脳弱体化防止には少し役立ったかもしれない。

泉北近辺私的観光地図：Google Maps API Trial_2

　前回のエントリーに引き続いて、Google Maps API についていろいろとサーチしてみた。このようなAPI(Application Program Interface)ソフトは、英語の世界の方が発展が早い。それで敬遠気味であった英語のサイトを探してみると Blackpool Community Church Javascript Team が運営しているGoogle Maps API Tutorial というサイトの存在が分かった。その Tutorial　の Part1 に求めていたコードがあった。おまけに最新の v2 版である。This is just I've wanted. である。前回のコードよりスマートだし、拡張性がある。 Donation を求めておられるが早速させてもらいたいと思う。
　地図上の赤いマークをクリックすると吹き出しがでて、その中のリンクをクリックするとリンク先や写真が出てくる。吹き出しの中は、HTMLで書けるのでかなりの応用が利くはずである。

泉北の紅葉：Google Maps API v2 Trial

　１１月４・５日のエントリーで、 ZENRIN の地図を使ったページを掲載した。その後、地図について色々と調べてみると Google Maps を自分のサイト上に使うことへの制約がほとんどないことが分かった。以前はGoogle　Map はキャプチャー・ソフトを使って一部分を切り取って使っていた（こういう使い方は違法のようである。）が、それ以上にダイナミックな使い方が許諾されている。詳細については、別のエントリーで紹介するつもりだ。
　ただ、使いこなすには JavaScript がかなり理解できないと難しいし、Ajax への理解も必要なようだ。そういうわけで、JavaScript の超初心者としてなんとか形になったのは以下のようなものである。この地図は、Google Map と同じ使い方ができる。コントロールボタンでサテライトの写真地図も見ることができるし、拡大・縮小もできる。また、地図をドラッグして動かすこともできる。すごい代物である。
　地図の下の部分は先達諸氏の作品と解説を参考に作った。チェックボックスをクリックするとその場所のマークが表示される。その場所に吹き出しを作ってその中にHTMLも書けるようだが、それは次のステップにしたい。なにしろここまでたどり着くのにアルツハイマーになりかかっている頭ではずいぶん時間がかかっている。
　参考にさせていただいたページを以下に記します。
　Greek なページ
　All　About：Ajax Google Mapsを自サイトに設置する

Google Maps API の利用規約要約

Here are some highlights from the terms for those of you who aren't lawyers:

There is no limit on the number of page views you may generate per day using the Maps API. However, if you expect more than 500,000 page views per day, please contact us in advance so we can provision additional capacity to handle your traffic. Otherwise your quality of service may be degraded.

There is a limit of 50,000 geocode requests per day per Maps API key. This translates to roughly one geocode request every 1.73 seconds. If you go over this 24-hour limit, the Maps API geocoder may stop working for you temporarily. If you continue to abuse this limit, your access to the Maps API geocoder may be blocked permanently.
The Maps API does not include advertising. If we ever decide to change this policy, we will give you at least 90 days notice via the Google Maps API Blog.
Your service must be freely accessible to end users. To use Google mapping technology in other types of applications, please use Google Maps for Enterprise.
You may not alter or obscure the logos or attribution on the map.
Google will upgrade the API periodically, and you must update your site to use the new versions of the API. The Maps team will notify you of updates on the Google Maps API Blog. If we make a non-backwards compatible change, we will give you at least a month's notice to make the transition, during which both versions of the API will be available.
There are some uses of the API that we just don't want to see. For instance, we do not want to see maps that identify the places to buy illegal drugs in a city, or any similar illegal activity. We also want to respect people's privacy, so the API should not be used to identify private information about private individuals.
Remember that we reserve the right to suspend or terminate your use of the service at any time, so feel free to contact us before you do all the integration work if you are unsure of whether your implementation will meet our Terms of Use.

Permalink | Category : Google, Google Map, HP作成 | Comments [0] | Trackbacks [0]

2006年5月24日

Search　Box

　「小粋空間」さんのドロップダウンリスト [Search] のソースコードを参考に右サイドメニューのSearch　BoxをGoogle検索とサイト内検索を一緒にした。検索対象をRadio　Buttonで選ぶ仕様である。
　（追記）Googleのサイトにあるサービスが提供しているコードに変更した。もちろん、Google 提供のコードを「小粋空間」さんのソースコードを参考に、右サイドメニューに合うように変えた。
検索結果で表示されるページにMy　Siteのタイトルロゴが使えるが、Flashでは駄目なようだ。もう少しかっこよいものに変えたいと思っている。

Permalink | Category : Google, HP作成 | Comments [2] | Trackbacks [1]

2006年5月18日

隠居部屋の「ウェブ進化論」

　久しぶりに本に没頭した。梅田望夫さんの「ウェブ進化論」（ちくま書房）である。リタイア後にHow To本以外で寸時を惜しんで読んだ本はこの本くらいかもしれない。サラリーマン現役時代は某製薬会社の情報システム関連の仕事をしていた。パソコンが勃興を始めたころから激動の１０年程度である。そのころ肌に感じていたITの潮流とその後の変化が見事に描かれ、文中にもあるが「ふーん、そうだよね！」とうなづきの連続であった。ITの世界はDog Yearといわれるくらい変化の激しい世界であるが、その動きはムーアの法則とともに今も続いていいるらしい。だから、ITに携わりだしてからの時間は、物理的にはあまり長くないのにずいぶん長年やってきた感じがしている。

dog year

情報技術分野における革新のスピードを表す概念。通常 7 年で変化するような出来事が 1 年で変化すると考える。〔人間の 7 年が犬の 1 年に相当することから〕

　この本で筆者は、Googleビジネスを通してインターネットをマイクロソフトが代表する「こちら側」とグーグルが代表する「あちら側」に区分して現状をとらえ未来を予測している。
　Googleは「ハーバード大学の生物学科を卒業しエール大学の医学部をでた本職は脳神経外科医のジム・リース（Jim Reese）という人物を運用部門のトップに据えて、オープンソース・プロジェクトから生まれたリナックス（Linux）サーバーを１万台以上使ったシステムであるという。そのあたりに、Googleの「あちら側」文化が現れているように思う。
　この本には、Googleが行っている様々な事業が紹介されている。その一つにというかビジネスの中心となっているアドセンス（AdSense）という事業がある。あまり贅沢をしなければ生活をしていけるだけの年金で暮らしているのでお金を稼ぐという意欲はもうないが、技術的な興味で登録してみることにした。また、この本の中に「恐竜の首」と「ロングテール」の話が出てくるが、私もGoogleのロングテールの一番先っぽくらいに位置することにしたのである。
　ふつうの人よりは少し早い時期にMP3の楽曲をダウンロード(DL)して収集するようなことをしてきたが、Copy　Rightを頑なに守ろうとする「恐竜の首」派のレコード会社などに疑問を持っていたので、広く安く公開することで愛好者が広がるというロングテール派の考えは「あっ、それそれ」というような感じであった。歌手のJanis　Ianは、DLをフリーにしている。決してロングテールに入る歌手ではないが、私は彼女にAgreeする。
　インターネットという「不特定多数無限大」の人たちの一人である自分も、インターネットが次世代に移行してきているのを実感している。インターネットがあるから、そしてそれがどんどん進化するから、リタイア後も社会からの疎外感なしに生きていられるのではないかと思っている。
　今年に入って自らのブログ・サイト作りにフローな時間を費やしているが、つぎのような梅田さんのブログのとらえ方に、また「ふーん、そうだよね！」と頷いている。

ブログ　「知的生産の道具」　

自系列にカジュアルに記憶でき容量に事実上限界がないこと。
カテゴリー分類とキーワード検索ができること。
手ぶらで動いていても（自分のPCを持ち歩かなくても）インターネットへのアクセスさえあれば情報にたどりつけること。
他者との間で知的生産の創発的発展が期待できること。

　インターネットの世界が今どうなっているのか関心のある方に是非お勧めしたい一冊である。