FC2ブログ
| main |
2016.05.24 Tue

行く先案内アプリ

Google MAPS API V3を使い、行く先案内アプリを作成した。

行く先を登録し、現在地をGeolocation API(ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています)により、もとめ、経路・時間を求める。

サンプルは下記です。

http://www.xmod60.mydns.jp/xmod60/navi/naviv2.html
続きを読む
スポンサーサイト



Category: インターネット Comments (0) Trackbacks (0)
2015.09.14 Mon

写真にブログ記事の埋め込み

写真にブログ記事の埋め込み





Welcome!!!



(今日は何の日を引用)















今日は何の日 今日の誕生花

9月14





1863年

横浜で日本初の英字日刊紙『The Daily Japan Herald』が創刊。


1954年

木下恵介監督の映画『二十四の瞳』が封切り。

1984年

東京~大阪の光ファイバーケーブル回線が完成。











マルメロ Quince

誘惑

櫑桴 Quince

誘惑

サルビア<紫> Blue sage

尊敬





の散歩で見つけた可愛い花


これは、この間の赤いマルバルコウソウ (丸葉縷紅草)と同じ


で、白いのかな?



可愛い花.jpg



この写真にブログ記事を埋め込みました



写真の中に、GPS(位置情報、撮影日、コメントなどを入れました



gpsblog.jpg


ここをクリック下さい!


続きを読む
Category: インターネット Comments (0) Trackbacks (0)
2015.09.08 Tue

EXIF情報

EXIF情報の読み、書き

 JavaScript だけで EXIF を読む

を参考にしました。

EXIF 情報で値の内容が長すぎるもの

UserComment
65,83,67,73,73,0,0,0,60,104,114,62,227,130,191,227,131,158,229,144,155,49,49,52,52,32,60,98,114,62,13,10,60,97,32,104,114,101,102,61,34,104,116,116,112,58,47,47,112,108,97,

となります。これを、解決しました。

var tags  = exif.getAllTags();     var table = "<strong>EXIF 情報

</strong><table><thead><tr><th>Key</th><th>Value</th></tr></thead><tbody>";

    var longValues = new Array();

    for( var key in tags )     {

                                  if(key == "UserComment") {                                                                    ucd= tags[ key ];                                      var ucds="";var j=0;                                      for (var i=0;i<ucd.length;i++) {                                       ucds +=String.fromCharCode(ucd[i]);                                       ucdx[j++]= ucd[i];                                                                            }                                                                        var jsonString = Utf8.decodeArray(ucdx);                                          alert(jsonString);                                        tags[ key ] = jsonString;                                                                      }

核となる部分は、下の関数です。バイナリデータをStringに変換するルーチンです。これも、ネットで見つけました。

var Utf8 = {     // public method for url decoding     decodeArray: function (utfArray) {         var string = "";         var i = 0;         var c = c1 = c2 = 0;

        while (i < utfArray.length) {

            c = utfArray[i];

            if (c < 128) {                 string += String.fromCharCode(c);                 i++;             }             else if ((c > 191) && (c < 224)) {                 c2 = utfArray[i + 1];                 string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));                 i += 2;             }             else {                 c2 = utfArray[i + 1];                 c3 = utfArray[i + 2];                 string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 &

63));                 i += 3;             }

        }         return string;     } }

コメント欄の出力例です
タマ君1144

 


続きを読む
Category: インターネット Comments (0) Trackbacks (0)
2015.08.19 Wed

GPS付き写真データの処理

最近は写真にGPS(位置情報)が埋め込まれていることがある

私の携帯にも付いている

これを、Google MAPにプロットできるプログラムを作成しました

色々とネットで調べるとJavascriptでも可能と分かった

http://wista.jp/Lib/Exif-Display.htm

の写真の Exif データや、撮影地の地図を表示する方法 

を参考にしました。

核となるプログラム

function show_exif(map,name,i) {
  var oImg=document.getElementById("pic"+i);
  var div = document.getElementById( "pan1" );
  EXIF.getData(oImg, function(){
    
    ss=EXIF.getTag(oImg,"ExposureTime");
    if (ss) {
      str1="メーカー:                    "+ EXIF.getTag(oImg,"Make")+"<br>";
      str1+="モデル:                    "+ EXIF.getTag(oImg,"Model")+"<br>";

      str1+="撮影日:                    "+ EXIF.getTag(oImg,"DateTime")+"<br>";
      str1+="幅:                    "+ EXIF.getTag(oImg,"XResolution")+"  ";
      str1+="高:                    "+ EXIF.getTag(oImg,"YResolution")+"<br>";
   
      oCopyright=EXIF.getTag(oImg,"Copyright");
      if (oCopyright) str1+="(C) "+oCopyright;
  
      }
      else alert("Sorry, no EXIF data exist.");
  });
      EXIF.getData(oImg, function(){
    Lat=EXIF.getTag(oImg,"GPSLatitude");
    if (Lat) {
      Lon=EXIF.getTag(oImg,"GPSLongitude");
      NS=EXIF.getTag(oImg,"GPSLatitudeRef");
      EW=EXIF.getTag(oImg,"GPSLongitudeRef");
      LatDeg=Lat.shift();LatMin=Lat.shift();LatSec=Lat.shift();
      LonDeg=Lon.shift();LonMin=Lon.shift();LonSec=Lon.shift();
      NDeg=(LatSec/60+LatMin)/60+LatDeg;
      EDeg=(LonSec/60+LonMin)/60+LonDeg;
      if (NS=="S") NDeg=-NDeg;
      if (EW=="W") EDeg=-EDeg;

      str1+="緯度:                    "+ NDeg+"<br>";
      str1+="経度:                    "+ EDeg+"<br>";
     div.innerHTML +=   str1 +"<hr>";  
    var target = new google.maps.LatLng(NDeg, EDeg) ;
      var content = str1;
    
      createMarker2(map, target,content);
      }
     else alert("Sorry, no map is available for this picture.");
  });
}



GPSImage7.jpg

http://xmod60.web.fc2.com/map/exif/GMAP-B.html

にアップしましたのでご覧下さい


続きを読む
Category: インターネット Comments (0) Trackbacks (0)
2015.07.17 Fri

台風も去り、、、

Welcome!!!



(今日は何の日を引用)




今日は何の日

今日の誕生花

7月18

光化学スモッグの日

1970年のこの日、東京都杉並区で日本初の光化学スモッグが発生した。

立正高校で体育授業中の生徒が突然目の痛みや頭痛等を訴えて倒れ、43人が病院へ運ばれた。東京都公害研究所は、窒素酸化物(NOx)が紫外線によって有毒な物質に変化して起こる光化学スモッグであると推定した。

大河内傳次郎忌

映画俳優・大河内傳次郎の1962年の忌日 

苔薔薇 Moss Rose
可憐
モナルダ(松明花) Bee balm
安らぎ
サンダーソニア Christmas bells
望郷


台風も去り、午後からはまたまた暑い日となりました

Google MAPS APIをごちょごちょ

究極のカスタマイズを見つけました

川、道路などのカラーを変えてみます

また、地名のラベルなどを消去すると

地図自体も綺麗です

http://xmod60.web.fc2.com/map/MapStyle02.html


カスタム地図.jpg


最近、見つけた藤沢マスコットキャラ

きゅんとする街.JPG























続きを読む
Category: インターネット Comments (0) Trackbacks (0)