GR DIGITAL カスタム ver.1

/recommend/product

夏に海岸で落っことしてぶっ壊れたGR DIGITALが無事に戻ってきたので、ちょこっと弄ってみた。


MEDIA SKIN, au Design Project

GRDといえば、21mm相当のワイコン。これは是非とも欲しかった。でもワイコン付けるとバッグからささっと取り出して... てなスタイルだと無理があるのでストラップ前提になるんだけども、もともと持ってた純正ネックストラップは取り外しメンドイし、Sig.的にはちょい長めだしで、ちょい微妙。なのでちょっと探してみることにした。

»続きがあります

JSタブ切替え応用編 —他ページから直接タブにアクセスする—

/web/javascript

他ページからそれぞれのタブにリンクすることってできますか?

—タブ切替をサクッと実装, くりはらさんのコメント

確かに便利そうなので、やってみました。ページ内リンクと同じように「なんたら.html#Contents」とかってURLでアクセスできます。意外と簡単~。サンプルは以下の画像から。

サンプルを確認する

»続きがあります

Gmaps ちょっぴり応用編 —複数のXMLを切り替える—

/web/javascript

Google Maps に関するdaiさんの質問、その2。

一つのgooglemap上で、複数のxmlを読み込み、例えば、京都スポットマップリンクを押すと、京都スポットマップxmlを読み込み、googlemap上に表示したり・・・ってのがやりたいですが・・・これは、色々と勉強して、なんとか出来そうなんですが・・・どうもコードが汚くてもっさりしてしまいます。そこで、Sigさんならどういう風に、されるのかな?っと思い、ご質問させて頂きました。

—Google Maps API Documentaion サクっと基本部分だけ, daiさんのコメント

Oui, monsieur... これはXMLを読み込む処理を onclick イベントに対応させれば良いので理屈としては簡単です。ただし、ただ読み込むだけではマーカー(とその他のデータ)が重複してどんどん重くなっていくので、その都度初期化してやる必要がありますね。

  1. map.clearOverlays();
  2. sidebar.innerHTML = "";
  3. gmarkers = [];
  4. htmls = [];
  5. i = 0;

»続きがあります

Gmaps ちょっぴり応用編 —住所からポイントを取得する—

/web/javascript

前書いた記事に、こんなコメントが付きました。

xml内に、経度緯度を書かず、住所とそれ以外の要素を表記(例えば、住所をaddressと)し、html内のjavascriptで、addressを読み込むと同時にジオコーディング(経度緯度を算出)し、googlemap上にxmlの内容に沿ってマーカーが表示される方法が出来たら最高だ!っと思っております。

こんな事って出来るんでしょうか?

—Google Maps API Documentaion サクっと基本部分だけ, daiさんのコメント

つまり、こ~いう...

  1. <markers>
  2. <marker address='神奈川県鎌倉市小町1-5-7' shop='イワタコーヒー店'>イワタコーヒー店<br />(カフェ)</marker>
  3. <marker address='神奈川県鎌倉市由比ガ浜3-1-1' shop='ザ・バンク'>ザ・バンク<br />(バー)</marker>
  4. <marker address='鎌倉市長谷2-20-32' shop='ワンダーキッチン'>ワンダーキッチン<br />(カフェ)</marker>
  5. </markers>

...XMLからポイントを取得しつつ、マーカーを置いてけば良いのですね。できたぜ~。実用性は隅に置いとくとして、なかなか面白い課題でありました。例のごとく高速化もパッケージ化もしてませんが... サンプルは以下。

»続きがあります