ASP.NET + Ajax (ka-map! 風 計画編)

ASP.NET + Ajax で、ka-map! 風のインタフェースを作るのをコソコソと進めています。
■ASP.NETで、WebGIS開発 Tips
http://hiki.bugna.net/?MapScript+Tips+for+ASP.NET

なかなか、Ajax を理解するのに時間がかかっていますが、次のような順番で徐々にそれらしいものができつつあります。

1.ASP.NET AJAX-Enabled Web site テンプレートを使って、プロジェクトを作成する
2.Webサービス(拡張子.asmx) を追加する
3.Webサービスで、クラスに、オプションをつける
<System.Web.Script.Services.ScriptService()>

4.Function に、おまじないをかける
<WebMethod()> _

5.おまじないをかけたFunction にVBでMapScript を使って地図画像を出力させる(サーバーサイド)
6..aspx ファイルに、AJAX フレームワークの、prototype と script.acuo.us を追加する
7.Div に id をつけて、script.acuo.us の Draggable を使ってドラッグ可能にする
8.Draggable の snap に、ドラッグ中に、(5.で作った)表示するタイル地図画像Webサービスを、prototype の リモーティング(Ajax.Request)で呼び出す
続きを読む >>
bugna | ASP.NET AJAX | 23:16 | comments(0) | trackbacks(0) | - | - |

新規ドメインへの引越しできた

■バグな明保野
http://www.bugna.net

前回の、ASP.NET + Ajax (ソースとりあえず版) ですが、これで AJAX か!?と怒られると思って、アップできないでいました。

地図でAJAXといえば、Google Maps、MapServerでいえば、ka-map、p.mapperのようなスクローラブルなものは、最低限のユーザーインタフェースとして備わっていなければならない、という暗黙の認識があることと思います。

私は、ASP.NET2.0 AJAX Extension 1.0が出たと喜んで記事を立ち上げて、さっさとASP.NET版のka-map をつくるぞと思ったのですが、ASP.NET AJAX では簡単にはいきませんでした。

1ヶ月の間、情報収集してました。Google Maps の動き、Ajaxによる開発スタイル、ASP.NET AJAX で独自のJavaScript の組み込み方、などを調べていました。

やっと見通しがたってきたので、記事を再開したのですが、実は、前回のコードは、スクローラブルな地図とは縁遠い、従来型のしかもかなりショボイものをアップせざるを得ませんでした。

そこで、ちゃんと調べたことをまとめようと、バグな明保野のサイトを整理することにしました。

続きを読む >>
bugna | ASP.NET AJAX | 16:03 | comments(0) | trackbacks(0) | - | - |

ASP.NET + Ajax (ソースとりあえず版)

Webフォームとコードは次の回で。。。としておきながら、1ヶ月も放置していました。
早速。
1.プロジェクトの作成
・ファイル−新しい Web サイト
・ASP.NET AJAX-enabled Web site を選択
・場所:必要に応じて名前を変更。
・言語:VisualBasic
2.Default.aspx のソースが表示されたら、
・ビューをデザインに変更
・ツールボックスの AJAX EXTENSIONS から、UpdatePanel を追加
・Buttonを4つ、RadioButtonListをひとつ、Labelを2つ、Imageをひとつを
 はすべて、UpdatePanel の中に設置します。

<@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="全体表示" /><asp:Button
ID="Button2" runat="server" OnClick="Button2_Click" Text="ズームイン" /><asp:Button ID="Button3" runat="server" Text="ズームアウト" OnClick="Button3_Click" /><asp:Button ID="Button4"
runat="server" OnClick="Button4_Click" Text="移動" /><asp:Label ID="Label1" runat="server"></asp:Label><asp:Label ID="Label2" runat="server"></asp:Label><asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" Font-Size="Smaller" Height="1px" RepeatDirection="Horizontal" Width="280px">
<asp:ListItem Selected="True">W</asp:ListItem>
<asp:ListItem>E</asp:ListItem>
<asp:ListItem>S</asp:ListItem>
<asp:ListItem>N</asp:ListItem>
</asp:RadioButtonList><asp:Image ID="Image1" runat="server" Height="500px" Width="500px" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
  
</div>
</form>
</body>
</html ->
続きを読む >>
bugna | ASP.NET AJAX | 14:51 | comments(0) | trackbacks(0) | - | - |
1/1PAGES | |

09
--
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
--
>>
<<
--