0

直接的な質問 - 特定のオブジェクトまたは小さなテキストを特定の領域内に配置するにはどうすればよいですか。たとえば、次の画像を html/javascript に置き換えるにはどうすればよいでしょうか。

--- 画像を投稿するのに十分な担当者がいません :/ しかし、この URL を試してください - http://i.stack.imgur.com/a3eWL.jpg

全体像 - Google Earth 用の kml ファイルを作成しようとしています。ポイントをクリックすると、バルーンの説明ウィンドウがポップアップし、衛星がその時点でどこにあるかを示す HTML 形式の図を表示できます。Google Earth と KML のドキュメントでは、ほとんどすべての HTML 形式を使用できるため、現在これを行う良い方法を探しています。

免責事項: html または javascript の編集を行ってから数年が経ちましたので、一般的な例と洞察は素晴らしいものです。

ありがとう

4

2 に答える 2

1

基本的に、以下のセクションは私がしたことです。

<div style="display: block; position: relative; width: 300px; height: 300px; border: 1px solid black; background: gray;">
    <div style="position:absolute; width: 296px;height: 296px;background-color: transparent;border: 2px #a72525 solid;   -webkit-border-radius: 148px;   border-radius: 148px;"></div>
    <div style="position:absolute; width: 148px;height: 148px;top: 72px;left: 72px;background-color: transparent;border: 2px #a72525 solid; -webkit-border-radius: 75px;border-radius: 75px;"></div>  
    <div style="position:absolute;  width: 4px;   height: 4px;top:148px;    left:148px;    background-color: black;"></div>  
    <div style="position: absolute; font-size: 0.8em; color: #222222; top: %dpx; left: %dpx;">%d</div>    
</div>

最後のdivは、どこにでも配置されるラベルです。％dは整数値です（私のPythonコードから）

さらに、これが実際の例です。ニコへの小道具 http://jsfiddle.net/94Kzt/72/

于 2010-12-29T00:03:43.163 に答える
1

およびCSS プロパティ<div>を使用して移動する絶対配置の を作成するだけです。topleft

簡単な例: http://jsfiddle.net/94Kzt/ (注: JQuery を使用してすばやく実行しましたが、標準の JS DOM 操作呼び出しを使用するように変更するのは簡単です)

于 2010-12-28T18:33:25.280 に答える