クリエイター手抜きプロジェクト[183]Illustrator CS2/CS3編 GPSのトラックポイント(軌跡データ)を読み出しプロットする/古籏一浩

投稿:  著者:  読了時間:5分(本文:約2,200文字)


今回もGPSネタです。前回は< trkpt >タグから座標点を抽出し、座標値として表示しました。今回のスクリプトは、トラックポイント間を線で結んで表示するものです。

トラックポイントは非常に量が多いため、処理に時間がかかるのと、場合によってはメモリ不足などでアプリケーションが終了してしまう可能性もあります。また、以下のスクリプトでは描画したら90度回転しないと上が北になりません。ちょっと手抜き...(以下のスクリプトでは右側が北です)




var SCALEX = 2000; // 横方向の倍率
var SCALEY = 2000; // 縦方向の倍率
var BASEX = 36.1; // 原点とする基準X座標
var BASEY = 138; // 原点とする基準Y座標
if (documents.length < 1) // ドキュメントがなかった場合は新規に作成
{
documents.add(DocumentColorSpace.CMYK,595.2756,841.8898);
}
docObj = activeDocument;
result = "";
CR = String.fromCharCode(13);
filename = File.openDialog("GPSで出力したXMLファイルを指定してください");
fileObj = new File(filename);
flag = fileObj.open("r");
if (flag == true)
{
pData = new Array();
cnt = 0;
oldX = 0;
oldY = 0;
while(!fileObj.eof)
{
text = fileObj.readln();
if(text.indexOf("< trkpt ") > -1) // XML < trkpt > Tag Search
{
xmlData = text.split(" "); // 空白で分割
lat = xmlData[7].substring(5,xmlData[7].length-1);
lon = xmlData[8].substring(5,xmlData[8].length-2);
x = (lat - BASEX) * SCALEX ;
y = (lon - BASEY) * SCALEY ;
pData[0] = [oldX, -oldY];
pData[1] = [x, -y];
oldX = x;
oldY = y;
pObj = docObj.pathItems.add();
pObj.setEntirePath(pData);
pObj.filled = false; // 塗りあり
pObj.stroked = true; // 線あり
pObj.strokeWidth = 1; // 線幅は1ポイント
pObj.fillColor = setColor(0,0,0); // 塗りの色を指定(黒色)
pObj.strokeColor = setColor(255,0,0); // 線の色を指定(赤色)
}
}
fileObj.close();
}else{
alert("XMLファイルが開けませんでした");
}
function setColor(r,g,b)
{
var tmpColor = new RGBColor();
tmpColor.red = r;
tmpColor.green = g;
tmpColor.blue = b;
return tmpColor;
}


【古籏一浩】openspc@po.shiojiri.ne.jp
< http://www.openspc2.org/ >

天璋院篤姫、腱鞘炎篤姫と発音が似てる・・・
年金特別便を出すくらいなら現金特別便ちょうだいって感じでしょうか。

10月10日にグーグルハッカソンに行ってきました。アンドロイド携帯も現物を触らせてもらいました。以下に、グーグルハッカソンのレポートをアップしてありますので興味のある方はどうぞ。ちなみに、ハッカソンは何か作った実績があれば参加できます。凄腕プログラマである必要はないようです。

・グーグルハッカソンレポート
< http://www.openspc2.org/Google/Hackathon/20081010/ >

アスキーのAjax連載もぜひ、どうぞ。
・FlashではなくjQueryで!インパクトのあるUIを作ろう
< http://ascii.jp/elem/000/000/178/178229/ >
・たった1行で再現する有名ECサイトのUIデザイン
< http://ascii.jp/elem/000/000/177/177095/ >

地道に道路景観アーカイブの映像も追加してます。
秋の白樺湖〜美ヶ原高原の景色をどうぞ。
・道路景観アーカイブ
< http://www.openspc2.org/travel/ >

photo
改訂第4版 JavaScript ポケットリファレンス
古籏 一浩
技術評論社 2006-10-18
おすすめ平均 star
starJavaScriptを使ったプロジェクトのお供に是非
starJavaScript仮免者以上の方へ
starバランスの良いバイブル
star中級者向けです。

[改訂版] PHP ポケットリファレンス (Pocket reference) 改訂新版 SQLポケットリファレンス (Pocket reference) 改訂第5版 オールカラー  HTML ポケットリファレンス (POCKET REFERENCE) 基礎 Ajax + JavaScript スタイルシート ポケットリファレンス (Pocket reference)



photo
Ajaxライブラリで かんたんインターフェイスデザイン
古籏一浩
ビー・エヌ・エヌ新社 2008-06-25

Flashデザインラボ -プロに学ぶ、一生枯れない永久不滅テクニック (Design Lab+ 1-2) Ajax ポケットリファレンス (POCKET REFERENCE) jQueryで作る Ajaxアプリケーション マイクロフォーマット ~Webページをより便利にする最新マークアップテクニック~ (Web Designing BOOKS) Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]

by G-Tools , 2008/10/20