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

2014年9月17日

隠居の旅行:青森の秘湯を巡る:蔦温泉・青荷温泉・酸ヶ湯温泉


 情報システム部門の仕事をしていた現役時代の某システム研究会の役員だった(まだ現役もいる)人たちが、年一回集まる行事がある。「露天風呂研究会」と称して、各地の秘湯を巡る旅をしている。昨年は、同じ9月の初旬に、高山・奥飛騨温泉郷を旅している。

 今年は、元会長夫妻が訪れて良かったという八甲田山麓にある蔦温泉とランプの宿として有名な青荷温泉を訪れるという計画が立てられた。

 日本旅行がアレンジした旅程では、大阪からの二人は伊丹空港からJAL で青森まで飛び、新幹線でくる東京組と新青森駅で合流することになっている。名古屋小牧空港から FDA というLCCで来た名古屋組2名と空港で合流して、3日間世話になるツアーバスに乗り込んだ。
 この旅行、温泉を楽しむことが主目的であるが、アルコール好きが多く、東京組が到着するのを待つ間、10時から空いていた駅のレストランで、ホヤの刺し身をあてに、再会を祝して乾杯した。東京組は、新幹線の中で一升瓶を開けたという。

 はじめに訪れた三内丸山遺跡は、日本最大級の縄文集落跡ということである。浅学の身にとっては、あまり有り難みがよくわからないが、野球場が計画されていた土地を掘り返していて発見されたという遺跡は広大である。野球場の工事を中止し、遺跡を保存するとの当時の北村知事の決断を掲載した1994年7月27日付け新聞が展示されていた。
 ボランティアガイドの案内で、一通り見学した後、施設内にあるレストランで昼食をしてから、八甲田山雪中行軍遭難資料館に向かった。

 新田次郎の小説『八甲田山死の彷徨』を原作とした高倉健主演の映画「八甲田山」の一部が上演される映像が15分ほど映写される。館の説明員は多弁である。建物横にある幸畑陸軍墓地は清掃が行き届いているが、亡くなった時の軍における地位がそのまま墓の大きさや場所に反映されているのには、いささか違和感を覚える。

 バスは八甲田山麓森林の中の山道を1時間あまり曲がりくねりながら走り、国道103号線沿いにある森に囲まれた一軒宿の蔦温泉に到着する。
 早速、浴衣に着替えて、古くからの内湯「久安の湯」に入る。熱い。蔦温泉の風呂はいずれも源泉の上に浴槽がありブナ材を使用した湯船の底板から湧き出す空気に触れていない「生の湯」ということである。確かに、風呂の下に敷かれた板の間から、熱い湯が湧いてくる。43.5度はあるということだ。

 翌早朝、もう一つの湯「泉響の湯」に浸ってから、朝食までの間、一周3kmという沼巡りの散策路を歩いた。ブナの森林浴は、気持ちが良い。鳥の鳴き声は、ときたま聞こえるが姿は見つけられない。トチの実が何回か音を立てて落ちてくる。
 朝食を済ませて、出発までまだ時間があるので、付近を歩いてみた。 蔦温泉には、大町桂月の墓がある。桂月は青森県の十和田湖と奥入瀬をことに愛し、晩年は同地の蔦温泉(現:十和田市)に居住し、1925年(大正14年)4月には本籍も蔦温泉に移したが、ほどなく胃潰瘍のため死去、57歳。と Wikipedia にはある。

 バスは奥入瀬渓流に向かう。2005年の11月に、奥入瀬にはレンターカーで訪れている。その時は、紅葉はもう終わっていたが、今回はまだ早い。その時は、渓流沿いの道は歩くことはなかったが、今回はバスツアーなので、1kmちょっとを歩くことができた。

 十和田湖の団体目当てのレストランで昼食を摂った。横には、中国から来られた方々が、昼食をとっていた。蔦温泉には、韓国の方々が泊まられていたし、近隣の国からの観光も着実に増えているようだ。
 40分ほどの遊覧船は、十和田湖をぐるっと回ってくれるが、緑が続く湖岸の景色はあまり変化がない。

 バスは、十和田湖の縁を巡ってから、緑一杯の国道102号線を外れて、ランプの宿青荷温泉に向かう。国道102号線を外れてからは、谷底に転げ落ちるように急坂を下っていく。
 谷底の幅10mほどの川沿いにある一軒宿は、ランプの宿という文字通り電気が通じている気配はない。スマホももちろん通じない。翌日の朝まで、電気のない夜を経験することになった。たまにはいいもんだ。
 この湯には、滝を見ながら浸かれる「滝見の湯」という露天風呂がある。泉質は炭酸泉であり、透明度の高い綺麗な湯である。風呂は、宿の敷地内に 5つありそのうち 2つが露天風呂である。宿の入り口にある「健六の湯」は、内湯ながら窓越しにせせらぎが見える最大の風呂であり、ゆっくりと手足が伸ばせる。
 LED 電球に慣れた眼には、ランプだけの夕食ははじめのうちは、何を食べているのかよくわからないが、段々と目が慣れてわかるようになってくる。

 翌日、八甲田で有名な酸ヶ湯(すかゆ)温泉に向かった。ここの公衆浴場は千人風呂といわれる混浴の広い風呂がある。男女の区分は、低い衝立があるだけである。
 泉質は、酸性硫黄泉(含石膏、酸性硫化水素泉) であり、白く濁っている。酸性がかなりキツイらしい。誤って金属製のバンドの腕時計をしたまま風呂に入ってしまったが、今も動いているところを見ると被害はなかったらしい。
 宿は、八甲田山中の一軒宿で登山帰りに立ち寄る登山客も多いということだ。入浴後、付近を散策してみると、日曜日とあって山登りの服装をした老若男女と多く出会った。

 名古屋に帰る二人(LCC のFDA は、昼前にしか便がない)を青森空港に送って、「青森県観光物産館アスパム」に休息する。りんご以外は土産に買うものもなく、隣接する青森港を見渡せる木製の散策デッキを歩いてみた。近くにねぶた会館があったが、見学する時間がなかった。
 東京に帰る仲間と新青森駅で別れた後、バスは大阪に帰る二人を青森空港まで送ってくれた。 天気に恵まれ、秘湯と緑にどっぷりと浸った、気の合う仲間との思い出に残る楽しい旅であった。

 行程地図を例によって Google Maps API で作ってみた。前回に作成して以来に、マップタイプに地形図がついかされているので、地形図で表現してみた。青荷温泉が、いかに谷底にあるかがよく分かるように思う。



 この旅行では、野鳥の姿をあまり見かけず、写真にも収めることができなかったが、蝶については、何種類かの写真をとることができた。名前を YAMAKO さんに同定してもらうと、こちら関西では見かけない蝶がほとんどであった。

旅行中に見かけた蝶・トンボ
アキアカネ;クリックすると大きな写真になります。 アキアカネ:葛温泉
2014/9/6
Fujifilm HS60EXR
50.9mm 1/160s f/5.0 ISO200
メスグロヒョウモン♂:葛温泉;クリックすると大きな写真になります。 メスグロヒョウモン♂:葛温泉
2014/9/6
Fujifilm HS60EXR
138.4mm 1/160s f/5.6 ISO320
ヒメキマダラヒカゲ:葛温泉;クリックすると大きな写真になります。 ヒメキマダラヒカゲ:葛温泉
2014/9/6
Fujifilm HS60EXR
43.9mm 1/200s f/5.0 ISO200
クモガタヒョウモン:十和田湖;クリックすると大きな写真になります。 クモガタヒョウモン:十和田湖
2014/9/6
Fujifilm HS60EXR
55.0mm 1/900s f/7.1 ISO200
メスグロヒョウモン♀:十和田湖;クリックすると大きな写真になります。 メスグロヒョウモン♀:十和田湖
2014/9/6
Fujifilm HS60EXR
55.0mm 1/480s f/5.6 ISO200
ウラギンヒョウモン:酸ヶ湯;クリックすると大きな写真になります。 ウラギンヒョウモン:酸ヶ湯
2014/9/7
Sony SO-04E
4.1mm 1/160s f/2.4 ISO40


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年9月15日

Google Maps API で信州旅行地図(訪問地点写真つき)を作る

 このところは泊まりがけの旅行にいくたびに、Google Maps API で地図を作って残している。今回の旅行地図は、右メニューに【晩夏の信州私的観光地図】として記録した。

 このような地図を作るために、過去にさまざまなトライアルをしてきた。その時々で、幾つかの学習をしてきたことを以下のエントリーで記載している。
 また、Google Maps も、Picasa web Album との連携がとれるなど様々な改良が加えられてきている。これらの機能を活かすために、私はデジカメに撮影した地点の経度・緯度・高度情報が取り込めるように、GPS(Nikon GP-1) をつけている。さらに、最近使い始めたスマホ Xperia acro のカメラ機能にもGPS が付属している。例えば、このカメラで撮ったホテルの露天風呂の位置は、北緯36度41分24秒、東経137度51分30秒で、標高は737mである。
 これらの位置情報が得られないコンデジ(GPS 機能がついていないカメラ)などでは、Picasa のウェブアルバム機能を使えば、場所情報を簡単に付加することができ、撮影データが記録される写真の Exif に附加される。このあたりの方法については、下の2011年1月16日の【Google Maps: Picasa を使って野鳥出現地点をプロットする】に詳しく記録している。

 このような記録を残すことによって、旅の思い出を鮮明によみがえらせることができるのではないかと思う。

隠居の探鳥ウォーク:泉北ニュータウン栂地区で観察した水鳥をプロットしてみた
隠居のGoogle Maps: (続)Google Maps API を使って野鳥出現地点をカスタム・マーカーでプロットする
隠居のGoogle Maps: Picasa を使って野鳥出現地点をプロットする
隠居の探鳥ウォーク:堺市で撮影した秋の野鳥たち
隠居のパソコン備忘録:Google Maps と Picasa を使って位置情報を持つ写真を掲載する
隠居の写真整理:Picasa でGPS ユニットを使って撮影場所を記録する
隠居のGoogle利用:検索したGoogle マップをメール・ブログに貼り付ける
Google Maps API で旅行地図を作る:線画を描くなど
隠居のGoogle Maps:IE8 での不具合を回避する
Google Maps API で旅行地図を作る:番号付きマーカーを使う
隠居のパソコン備忘録:Google Maps API を使った地図ページでの文字化け対策
伊勢参り
泉北ニュータウン私的観光地図:Google Maps API Trial_5
改訂:早春の鹿児島:Google Maps API に litebox を使う
道東ドライブ:Google Maps API Traial_3
泉北近辺私的観光地図:Google Maps API Trial_2
泉北の紅葉:Google Maps API v2 Trial
Google Maps API の利用規約要約
キャプチャーで使う地図の著作権
泉北の紅葉:2006

2011年2月19日

隠居の探鳥ウォーク:泉北ニュータウン栂地区で観察した水鳥をプロットしてみた

 【隠居のGoogle Maps: (続)Google Maps API を使って野鳥出現地点をカスタム・マーカーでプロットする】で記録した方法で、泉北ニュータウンなどで観察・撮りためた水鳥の撮影地点をプロットしてみた。(一部は除く) これは、【野鳥の写真サムネイル】の【大阪泉州の池・川などで撮った写真】に、【撮影地点地図】というボタンを置いて、これをクリックすると Google Map の形式で観察地点にカルガモ(水鳥を代表させている)マークが表示されるようにした。     

 先のエントリーでも記録しているが、この地図を作成するには、以下の項目を実施しなければならない。結構時間がかかる作業であるが、記録としては面白いのではないかと思っている。
  1. 掲載する写真を集めた Picasa のWeb Album を作成する。
    アップロードする写真は【野鳥の写真サムネイル】を参考にしながら、ソースからすでにレンタル・サーバーにアップしている写真のファイル名を選択する。
  2. Google Maps API の JavaScript に呼びこんでくる XML file を作成する。ここで必要なタグは、10進法の経度(lat)・緯度(ing)、表示する写真のファイル名(html)、場所名(label) である。
    私の場合、XMLnotepad でもととなるファイルを開き、新しい名前で保存する。
  3. 経度・緯度は、Web Album の写真の情報をC&P する。経度・緯度情報がない場合は、Google Map で撮影地点情報を取得し、Web Album にある該当写真に10進法の経度・緯度の場所情報を付加する。
  4. 表示する写真のファイル名は、【野鳥の写真サムネイル】のソースからC&P する。また、label の地名も【野鳥の写真サムネイル】のソースから取得する。
  5. 【撮影地点地図】となる Google Maps API のJavaScript を含むHTMLを作成する。(もととなるソースを新しい名前で保存する。) ソースをいじる箇所は、
    • 地図のタイトル名
    • 立てるマーカーの画像ファイル名
    • 地図の中心とする経度・緯度と縮尺
    • 呼びこんでくる XML file名
  6. 【野鳥の写真サムネイル】ソースHTMLに、地図を表示させるボタンを設置するコードを挿入する。
  7. このボタンをクリックすると、新しいウィンドウを開き【撮影地点地図】を表示する JavaScript を作成する。このJavaScript は、 ひとつの地図につきひとつの JavaScript が必要であり、【野鳥の写真サムネイル】ソースHTMLと同じフォルダー(サーバー)におき、【野鳥の写真サムネイル】ソースHTMLの<head> 部に JS file を呼びこんでくるコードを挿入する。


 このようにして作成した撮影地点地図は、水鳥だけでなく、【カワラヒワ】 【ホオジロ】 【ツグミ】 でも作成した。随時、時間を見て追加していく予定である。また、従来の地図に新しく撮った写真地点も追加する予定である。

2011年1月29日

隠居のGoogle Maps: (続)Google Maps API を使って野鳥出現地点をカスタム・マーカーでプロットする

 先にエントリーした【隠居のGoogle Maps: Picasa を使って野鳥出現地点をプロットする】の方法では、プロットする地点を追加しようとすると、そこで記録した 4. 以降のかなり厄介な作業を、一からやり直さなければならないことが分かった。これでは不便である。

 それで、もとに戻って、自由度の高い Google Maps API を応用することを再度試みることにした。右フレームにおいている【京都・滋賀・奈良近辺私的観光地図】のような方式に変えれば、XML ファイルに位置情報と写真へのリンクを追加するだけで、プロット地点を増やしていけることが分かっている。ただ、先のエントリーのように、プロット地点に立てるマーカーを鳥のアイコンにする方法が、乏しい知識ではなかなかわからなかった。マーカーを任意のものに変える方法は色々と紹介されているが、外部のXML ファイルを呼びこんでくるようなコードは紹介されていなかった。

 いろいろとトライしているうちに、どうやら使えそうにコードが、Google から紹介されているのを見つけた。このコードを応用して追加・訂正することで カスタム・マーカー ができたので、忘れないうちに記録しておくことにした。

 仕樣は【野鳥の写真サムネイル】の種別名欄に、【撮影地点地図】 というボタンを置き、これをクリックすると新しい画面が開き、小鳥のマーカーが地図上にプロットされる。このマーカーか、右フレームの地名をクリックすると、その地点で撮影した野鳥の写真が吹きだしに表示される仕組みである。
そして、ここが肝心なのだが、新しい写真とその撮影地点は、XML ファイルで容易に追加することができるようにしたことである。カワラヒワの撮影地点地図を例にとって、以下、順を追って記録する。

  1. まず、XML ファイルを呼びこんで地図にマーカーを立てるもととなる html コード(Google Maps API の JavaScript が含まれている。)を用意する。このオリジナルは、Google Maps API Tutorial からいただいたもので、【道東ドライブ:Google Maps API Traial_3】のエントリーで紹介している。
    このHTML コードの中で、使用している JavaScript は、以下のようなものである。
    
    <script type="text/javascript">
        //<![CDATA[
    
        if (GBrowserIsCompatible()) {
          // this variable will collect the html which will eventualkly be placed in the side_bar
          var side_bar_html = "";
        
          // arrays to hold copies of the markers and html used by the side_bar
          // because the function closure trick doesnt work there
          var gmarkers = [];
          var htmls = [];
          var i = 0;
    
          // A function to create the marker and set up the event window
          function createMarker(point,name,html) {
            var marker = new GMarker(point);
            GEvent.addListener(marker, "click", function() {
              marker.openInfoWindowHtml(html);
            });
            // save the info we need to use later for the side_bar
            gmarkers[i] = marker;
            htmls[i] = html;
            // add a line to the side_bar html
            side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
            i++;
            return marker;
          }
    
          // This function picks up the click and opens the corresponding info window
          function myclick(i) {
            gmarkers[i].openInfoWindowHtml(htmls[i]);
          }
    
    
          // create the map
          var map = new GMap2(document.getElementById("map"));
          map.addControl(new GLargeMapControl());
          map.addControl(new GMapTypeControl());
          map.setCenter(new GLatLng( 43.745305,144.431763), 9);
    
    
          // Read the data from example.xml
          var request = GXmlHttp.create();
          request.open("GET", "http://n-shuhei.net/xxxx/xxx/trial.xml", true);
          request.onreadystatechange = function() {
            if (request.readyState == 4) {
              var xmlDoc = request.responseXML;
              // obtain the array of markers and loop through it
              var markers = xmlDoc.documentElement.getElementsByTagName("marker");
              
              for (var i = 0; i < markers.length; i++) {
                // obtain the attribues of each marker
                var lat = parseFloat(markers[i].getAttribute("lat"));
                var lng = parseFloat(markers[i].getAttribute("lng"));
                var point = new GLatLng(lat,lng);
                var html = markers[i].getAttribute("html");
                var label = markers[i].getAttribute("label");
                // create the marker
                var marker = createMarker(point,label,html);
                map.addOverlay(marker);
              }
              // put the assembled side_bar_html contents into the side_bar div
              document.getElementById("side_bar").innerHTML = side_bar_html;
            }
          }
          request.send(null);
        }
    
        else {
          alert("Sorry, the Google Maps API is not compatible with this browser");
        }
    
        //]]>
        </script>
    

    上のコードの赤字部分を、下のコードと置き換えれば、標準マーカーを小鳥のアイコン(この場合、カワラヒワのアイコン)で表示できることが分かった。この時、用いるイメージは、必ずしも .png ファイルだけではなく .gif ファイル、.jpg ファイルでもOKである。
    
    // Create birds marker icon
           var birdIcon = new GIcon(G_DEFAULT_ICON);
           birdIcon.image = "http://n-shuhei.net/Libraly/Icon/birds/kawarahiwa.gif";
           birdIcon.iconSize = new GSize(20, 34);
                    
    // Set up our GMarkerOptions object
           markerOptions = { icon:birdIcon };
    
    // A function to create the marker and set up the event window
          function createMarker(point,name,html) {
          var marker = new GMarker(point,birdIcon);
    

  2. このコードを入れた JavaScript は以下のようになる。
    
    <script type="text/javascript">
        //<![CDATA[
    
        if (GBrowserIsCompatible()) {
    // this variable will collect the html which will eventualkly be placed in the side_bar
        var side_bar_html = "";
        
    // arrays to hold copies of the markers and html used by the side_bar
    // because the function closure trick doesnt work there
        var gmarkers = [];
        var htmls = [];
        var i = 0;
    
    // Create birds marker icon
        var birdIcon = new GIcon(G_DEFAULT_ICON);
         birdIcon.image = "http://n-shuhei.net/xxxxxxx/Icon/birds/kawarahiwa.gif";
           birdIcon.iconSize = new GSize(20, 34);
                    
    // Set up our GMarkerOptions object
           markerOptions = { icon:birdIcon };
    
    // A function to create the marker and set up the event window
        function createMarker(point,name,html) {
        var marker = new GMarker(point,birdIcon);
         GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
            });
    
    // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        htmls[i] = html;
    
    // add a line to the side_bar html
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
            i++;
        return marker;
          }
    
    // This function picks up the click and opens the corresponding info window
        function myclick(i) {
            gmarkers[i].openInfoWindowHtml(htmls[i]);
          }
    
    // create the map
          var map = new GMap2(document.getElementById("map"));
          map.addControl(new GLargeMapControl());
          map.addControl(new GMapTypeControl());
          map.setCenter(new GLatLng(34.48675,135.490608),14);
    
    // Read the data from example.xml
          var request = GXmlHttp.create();
          request.open("GET", "http://n-shuhei.net/atelier/xxxxx/xxxxxxxx/API_kawarahiwa.xml", true);
          request.onreadystatechange = function() {
          if (request.readyState == 4) {
          var xmlDoc = request.responseXML;
    // obtain the array of markers and loop through it
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
              
          for (var i = 0; i < markers.length; i++) {
    // obtain the attribues of each marker
                var lat = parseFloat(markers[i].getAttribute("lat"));
                var lng = parseFloat(markers[i].getAttribute("lng"));
                var point = new GLatLng(lat,lng);
                var html = markers[i].getAttribute("html");
                var label = markers[i].getAttribute("label");
    // create the marker
                var marker = createMarker(point,label,html);
                map.addOverlay(marker);
              }
    
    // put the assembled side_bar_html contents into the side_bar div
              document.getElementById("side_bar").innerHTML = side_bar_html;
            }
          }
          request.send(null);
        }
    
        else {
          alert("Sorry, the Google Maps API is not compatible with this browser");
        }
    
        //]]>
        </script>
    

  3. 上の JavaScript で青色文字で示したのは、以下の3箇所である。
    • マーカーに使うアイコン
    • 地図の中心となる経度・緯度と地図の縮尺の大きさ
    • 呼びこんでくる XML ファイル
    この3箇所は作成する地図ごとに書き換えねばならない。
  4. 呼びこんでくる XML ファイルには、
    • マーカーを立てる位置(経度・緯度)
    • リンクする写真のサーバー内のありか
    • ラベル(地図の右フレームに表示する地名)
    をリストする必要がある。このファイルの編集には、私は XML Notepad というソフトを使っている。duplicate 機能があるので楽ちんである。
  5. マーカーを立てる経度・緯度の値は10進法でなければならない。これは、【隠居のGoogle Maps: Picasa を使って野鳥出現地点をプロットする】で記載した方法(2. および 3.)のように Picasa のウェブアルバムで行うと、アルバムにある写真をクリックすると、右フレームに10進法の経度・緯度が表示される。
     Picasa の写真プロパティで表示される EXIF では、表示は 60進法になっている。 Picasa のウェブアルバムの助けを借りるのは、そのためである。
  6. リンクする写真のありか(例えば、 http://n-shuhei.net/xxxx/xxxx/xxxxx.jpg )は、【野鳥の写真サムネイル】で、種別表示をして写真サムネイルの下に表示されているリンク先のエントリーのソースからコピーしてくる。これが、少々煩わしいが、仕方ない。なにかいい方法がないか考えてみたい。
     このようにして作成した小鳥マーカーが表示された地図のサンプルは、以下である。
     Example:
  7. 【野鳥の写真サムネイル】の種別名欄に、【撮影地点地図】 というボタンを置き、これをクリックするとこの地図が、新しい Window で開くようにするために、下のような別の JavaScript を使っている。
    // POPUP Window
    
    function open_win_kawarahiwa(){
    window.open("http://n-shuhei.net/atelier/xxxxx/xxxxxxxxx/API_kawarahiwa_m.htm","","
    menubar=no,toolbar=no,location=yes,status=yes,scrollbars=yes,resizable=yes,
    width=950,height=600,left=50,top=50"); }

    この JavaScripr ファイルを、【野鳥の写真サムネイル】の、種別表示をしているページのHTML の <head> 部分に次のように読み込み、
    <script type="text/javascript" src="http://n-shuhei.net/atelier/xxxxx/xxxxxxxxx/pup_kawarahiwa.js"></script>
    、【撮影地点地図】 というボタンをクリックすると地図が新しい window に開くように、<body> 部の適切な位置に、次のコードを置いた。
    <input type="button" value="撮影地点地図" onClick="open_win_kawarahiwa()">

  8. 作成した地図は、まだカワラヒワだけであるが、順次時間を見て増やしていきたいと思う。泉北ニュータウンのごく限られた地域ではあるが、記録としては面白いのではないかと思っている。
     カワラヒワのプロット地図