Google Earth API を利用して、Driving Simulatorを試す。

posted by on 2010.04.17, under blog, Googole API, HTML, JavaScript, PHP, 技術TIPS  
04/17

Google Map APIを調べていたら、gmap2を通り過ぎてgmap3までいっているではないですか!

少し注意力がゆるむと情報から取り残されることに不安になります。

さらによく見てみると、Google Earth API までもがリリースされていることに気がつく。以下覚え書き。

(作動には初回はプラグインのダウンロードが必要です。)

Directions

From:

To:


Simulator



Speed: 1x



 

(使用したJavascriptライブラリ)

(使用したGoogle APIライブラリ)

[html]

[/html]

(HTML部分)

[html]

Directions

From:

To:


Simulator



Speed: 1x



[/html]

(注意点)

■比較的処理が重いので、メモリーリークを回避させるために、ページを離れる時の「onunload」イベント処理を「body」タグに追加してメモリの開放を行う。

[html]

[/html]

■Javascriptのライブラリ「geplugin-helpers.js」に、「p1」「p2」というありふれた変数が使われていたため、他の関数とバッティングしてしまった。

重複しないような名称に変更して使用することで回避する。

ちなみに修正前の状態でIEではエラーになって動作しないが、Firefoxでは無視して最後まで処理されるという違いあり。

jQueryのメニューlavaLampを使ってみる。

posted by on 2010.04.02, under blog, JavaScript, jQuery, PHP, Wordpress, 技術TIPS  
04/02

jQueryライブラリでお馴染みのlavaLampをヘッダー右側に設置。

マウスに付いてくる動きが気持ち良いですね。

 

使用したライブラリ:

jquery-1.3.2.min.js

jquery.easing.min.js

jquery.lavalamp.min.js 

 

参考にしたサイト:

jQueryを利用したFlashみたいなメニュー

LavaLamp for jQuery lovers!

 

注意メモ1:

サンプルソースのJavascriptをそのまま貼ると、リンク先に遷移しなかったため、

clickイベントの戻り「false」(07行目)を「true」に修正して無事OKに。

[JavaScript]

[/JavaScript]

 

注意メモ2:

currentページの表示は、liタグのクラスに「current」を追加すればOK。

[html]

[/html]

(追記)

WORDPRESSのテンプレート「header.php」に記述したPHPのソースも記述しておきます。

[php]

  • /”>Home
  • /about/”>About
  • /order/”>Order
  • /inquiry/”>Inquiry
  • /link/”>Link
  • /category/blog/”>blog

[/php]

pagetop

  • seo