2011-08-14 5 views
1

JavaScriptのゲームの考えで遊んでいた。特にRTSの種類...質問はそれに続きます。Googleマップに似たドラッグ可能な内部フレーム

Googleマップと同様に、ドラッグ可能な内部フレームを作成するにはどうすればよいですか?

アイデアは、オーバーレイUIがあり、その下にははるかに大きなドラッグ可能なマップがあるということです。あなたの通常のRTSゲームと似ています。しかし、私はそのようなインターフェイスのための簡単な回避策を把握しようとしています。似たようなAPIが用意されていますか?それとも最初からやる必要がありますか?

可能であれば、それは= X

追加情報あまりにもiPhone上で動作するはずです:Googleマップを検出し、マップの岩下置かドラッグ可能な要素を使用していますように私はこれまで知っているから 、それはそうイベントをドラッグします。私は焦げ茶色がしかし理解してどのような、私はちょうど秒で一緒にこれを投げた

答えて

4

...まだその下のオブジェクトを打つことが可能であるか、次のとおりです。

http://jsfiddle.net/purmou/mrJtG/

それはjQueryのUIの(HTTPを使用しています。 //jqueryui.com/home) "ドラッグ可能"機能。ここではHTMLとCSSです:

#range { 
    width:400px; 
    height:400px; 
    overflow:hidden; 
    border:1px solid black; 
} 

<div id="range"> 
    <img src="http://img1.loadtr.com/k-483417-Map_of_the_World.gif" id="map" /> 
</div> 

は、そしてここでjQueryのです:

jQuery(document).ready(function() { 
    jQuery("#map").draggable(); 
}); 

さらに探査のためのドラッグ可能なページhereを見てみましょう。

+0

まさに私がPC上で望んでいたもの...残念ながら、それはiPhoneではうまくいきません... GoogleマップがiPhone用にどのようにしたのか、真剣にiPhoneのサファリでデバッガを持っているのを助けません... haha​​ – PicoCreator

+1

@ pico.creator:ここをクリック(http://stackoverflow.com/questions/2870432/how-can-i-get-jquery-uis-draggable-and-sortable-functions-to -work-on-the-iphone)を使用します。あなたはあなたの答えを見つけるかもしれません。 – Purag

+0

いいえ...私が仕事をしたいものを得るために、かなりコードを書く作業...かなり これは確かに良いスタートです。 iPhoneのすべてのドラッグイベントをキャプチャし、それをシミュレートするというアイデアは難しいかもしれませんが、価値があるはずです=) – PicoCreator