0

私はグーグルマップapiv3を使用してウェブサイトで働いています。更新パネルにボタンがあり、button_clickの背後にあるコードとjavascript関数を使用してロジックを実行します。

ボタンが更新パネルにあるため、firebugのウォッチウィンドウに何も表示されず、javascript関数のブレークポイントも機能しません。更新パネルがないと、ウォッチで実行フローを確認でき、すべてが正常に機能しますが、マップ上でリロードされます。

aspxのコード：

    <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" style="z-index: 1; left: 573px; top: 146px; position: absolute" Text="Show route" onclick="Button1_Click1"/>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"/>
        </Triggers>
    </asp:UpdatePanel>

Button_Click1：

protected void Button1_Click1(object sender, EventArgs e)
{
    using (con = new MySqlConnection("server=localhost; uid=root;password=as64ws;database=Gmaps"))
    da = new MySqlDataAdapter("select * from routes where uid='a1'", con);
    da.Fill(ds, "mroute");
    foreach (DataRow r in ds.Tables[0].Rows)
    {
        uroute.Add(r["latlng"].ToString());
    }
    croute = new string[uroute.Count];
    croute = uroute.ToArray();
    hdncroute.Value = string.Join("&", croute);
    ScriptManager.RegisterClientScriptBlock(this, typeof(Button), "routes", "droute()", true);
}

Javascript：

function droute()
{
    var route=[];
    var temp;
    temp = document.getElementById('<%= hdncroute.ClientID %>').value;
    route= temp.split('&');
    //Loop to add locations and draw line
    var path= polyline.getPath();
    for(var i=0;i<route.length;i++)
        {
            var input= route[i];
            var ltln = input.split(",",2);
            var lat=parseFloat(ltln[0]);
            var lng=parseFloat(ltln[1]);
            var pos= new google.maps.LatLng(lat,lng);
            var marker= new google.maps.Marker({position:pos,map:map});
            path.push(route[i]);
            google.maps.event.addListener(marker,'click',showiwindow);
        }
    function showiwindow(event)
    {
    iwindow.setContent("<b>Coordinates are:</b><br/>Latitude:"+event.latLng.lat()+"<br/>Longitude:"+event.latLng.lng());
    iwindow.open(map,this);
    } 
}

マップに表示される値を取得できません。ボタンを更新パネルに配置する必要がありますか、それともマップを更新パネルに配置する必要がありますか？どこが間違っているのですか？

4

2 に答える 2

1

私はあなたが持っているあなたの論理のかなりの部分を廃棄するでしょう。

ボタンをクリックして、コードビハインドのWebサービスにjquery ajax投稿を実行します。これにより、配列がajax投稿に戻り、ajax投稿の成功部分でjavascriptルーチンがトリガーされます。

http://dotnetguts.blogspot.com/2012/01/jquery-ajax-examples-by-calling-aspnet.html

私が上で説明したことは、私がほとんどすべてのグーグルマップ呼び出しを行う方法です.......私はこの主題に関して読んだ数百ページ近くでこれを行うより適切な方法を見ていません。この方法についてもっと知る必要がある場合は、私に知らせてください。

これは、jqueryajax投稿を行う方法を説明する別の良いページです。：

Jqueryからメソッドの背後にあるコードを呼び出す

于 2012-09-14T00:38:37.827 に答える
0

UpdateMode = "Conditional"を設定し、ボタンをAsynPostBacktriggerとして設定します。それで問題が解決するかもしれません。

于 2012-09-11T23:32:03.677 に答える