Webform 选择地图并描点之前端部分

1.前台HTML部分

<tr>
                                    <td>
                                        <a href="#" class="map-mao" οnclick="ShowBaiduPosition({'lng':$('#TXT__Lng__TZ_JBXX').val(),'lat':$('#TXT__Lat__TZ_JBXX').val(),'lx':$('#TXT__PLX__TZ_JBXX').val(),'list':$('#TXT__PList__TZ_JBXX').val(),'callback':'SetBaiduPosition'});">
                                            <i class="p-icon icon-mao"></i>选择地图坐标点</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="mao-list">
                                            <asp:TextBox ID="TXT__Lng__TZ_JBXX" runat="server" Width="50PX" Style="display: none;"></asp:TextBox>
                                            <asp:TextBox ID="TXT__Lat__TZ_JBXX" runat="server" Width="50PX" Style="display: none;"></asp:TextBox>
                                            <ul>
                                                <li><a><i class="p-icon icon-weizhi"></i>维度：<span id="xpoint">无描点信息</span>&nbsp;&nbsp;经度：<span
                                                    id="ypoint">无描点信息</span></a></li>
                                            </ul>
                                        </div>
                                    </td>

</tr>

 <asp:TextBox ID="TXT__PList__TZ_JBXX" runat="server" Style="display: none;"></asp:TextBox>
    <asp:TextBox ID="TXT__PLX__TZ_JBXX" runat="server" Style="display: none;"></asp:TextBox>
    

2.前台JS部分

 //初始显示图片
                            if ($.trim($('#TXT__XGT__TZ_JBXX').val()).length > 0) {
                                $('#UpF').prop("src", Svr_GetDomainUrl($.trim($('#TXT__XGT__TZ_JBXX').val())));
                            }
                            //初始显示地图坐标
                            if ($.trim($('#TXT__Lng__TZ_JBXX').val()).length > 0 && $.trim($('#TXT__Lat__TZ_JBXX').val()).length > 0) {
                                $('#xpoint').html($('#TXT__Lng__TZ_JBXX').val());
                                $("#ypoint").html($('#TXT__Lat__TZ_JBXX').val());
                            }

        //写在调用的页面上，函数名称、参数名可以自定义，参数类型和个数不可变。
        //此函数名用于标注坐标点的页面回调该函数给当前页面的输入框赋值
        function SetBaiduPosition(opts) {
            var lng = opts.lng;
            var lat = opts.lat;
            var list= opts.list;
            var lx= opts.lx;
            $('#TXT__Lng__TZ_JBXX').val(lng);
            $('#TXT__Lat__TZ_JBXX').val(lat);
            $('#TXT__PList__TZ_JBXX').val(list);
            $('#TXT__PLX__TZ_JBXX').val(lx);
            $('#xpoint').html(lng);
            $('#ypoint').html(lat);
        }

        function GetSignUploadFile(v) {

            if (v != undefined && v.length > 0) {
                $('#UpF').prop("src", Svr_GetDomainUrl(v[0].data));
                $('#TXT__XGT__TZ_JBXX').val(v[0].data);
                changeimg();
            }
        }
        function ClearUpF() {
            $('#UpF').prop("src", "/Themes/Default/images/none.jpg");
            $('#TXT__XGT__TZ_JBXX').val('');
            changeimg();
        }

        function changeimg() {
            if ($('#TXT__ID__TZ_JBXX__PK').val() != "") {
                $.ajax({
                    async: false,
                    method: "post",
                    url: "/AjaxHandler/XGJBCo.ashx",
                    data: { "t": "X", "XGT": encodeURI($('#TXT__XGT__TZ_JBXX').val()), "PKID": encodeURI($('#TXT__ID__TZ_JBXX__PK').val()) },
                    dataType: "html",
                    success: function (data) {

                        if (data == "true") {
                            if ($('#TXT__XGT__TZ_JBXX').val() == "") {
                                art.dialog({ time: 2, content: '效果图已删除！' });
                            }
                            else {
                                art.dialog({ time: 2, content: '效果图已修改！' });
                            }
                        }
                        else {
                            art.dialog({ time: 2, content: '效果图修改失败！' });
                        }
                    },
                    error: function () {
                        art.dialog({ time: 2, content: '效果图修改异常请重试！' });
                    },
                    complete: function () { }
                });
            }
        }