3

我有两个纬度/长表，每个表 1000 行。我想使用 Google Map API 计算两个纬度/经度之间的距离并将距离存储在 DB 中。代码工作正常，但问题是如何从 javascript 返回计算的距离。我尝试隐藏字段来存储距离，因为我在页面加载中编写了以下代码，但它不起作用：

        SqlConnection sql_con = new SqlConnection("Database=myDB;Server=mySever;User Id=myID;password=PWD");
        SqlCommand sql_cmd = new SqlCommand("select Zip,Latitude,Longitude from ZipCodes", sql_con);
        SqlDataAdapter sql_adt = new SqlDataAdapter(sql_cmd);
        DataSet dsZip = new DataSet();
        sql_adt.Fill(dsZip);

        sql_cmd = new SqlCommand("select * from MyPlaceLatLong", sql_con);
        sql_adt = new SqlDataAdapter(sql_cmd);
        DataSet dsStore = new DataSet();
        sql_adt.Fill(dsStore);

        for (int zcnt = 0; zcnt < dsZip.Tables[0].Rows.Count; zcnt++)
        {
            for (int i = 0; i < dsStore.Tables[0].Rows.Count; i++)
            {
                Page.ClientScript.RegisterClientScriptBlock(GetType(), "myScssript", "<script>" +
                 "var origin1 = new google.maps.LatLng("+dsZip.Tables[0].Rows[zcnt]["Latitude"].ToString()+","+ dsZip.Tables[0].Rows[zcnt]["Longitude"].ToString()+");" +
                 "var origin2 = new google.maps.LatLng(" + dsStore.Tables[0].Rows[i]["lat"].ToString() + "," + dsStore.Tables[0].Rows[i]["long"].ToString() + ");" +
                  //"var origin1 = new google.maps.LatLng(55.930385, -3.118425);" +
                  //"var origin2 = new google.maps.LatLng(51.483061, -0.004151);" +
                 "var service = new google.maps.DistanceMatrixService();" +
                 " alert('Made it to calculateDistances');" +
                 "service.getDistanceMatrix(" +
                 "{" +
                   "origins: [origin1]," +
                   "destinations: [origin2]," +
                   "travelMode: google.maps.TravelMode.DRIVING," +
                   "unitSystem: google.maps.UnitSystem.IMPERIAL," +
                   "avoidHighways: false," +
                   "avoidTolls: false" +
                 "}, callback);" +
                 "function callback(response, status)" +
                   "{" +
                    "if (status == google.maps.DistanceMatrixStatus.OK) { " +
                    "var origins = response.originAddresses;   " +
                    "var destinations = response.destinationAddresses;" +
                    "for (var i = 0; i < origins.length; i++) {" +
                    "var results = response.rows[i].elements;" +
                    "for (var j = 0; j < results.length; j++) {" +
                    "var element = results[j];" +
                    "var distance = element.distance.text;" +
                    "var duration = element.duration.text; " +
                    "var from = origins[i];" +
                    "var to = destinations[j];" +
                   "alert('The distance:'+ distance);" +
                    "}}}}" +
               "</script>");



            }
        }
4

2 回答 2

7

您需要在 JavaScript 中设置隐藏字段的值，我不相信我在那里看到。在您的 ASP 中声明该字段，如下所示：

<input type="hidden" id="txtDistance" runat="server" />

在您的 JavaScript 中，将其添加到“函数回调（响应，状态）”的末尾：

 document.getElementById("txtDistance").value = distance;

然后在你的 C# 代码中，你可以像这样访问这个值：

string cDistance = txtDistance.Value;

//原文为字符串 cDistance = txtDistance.value;

希望有帮助。

于 2012-09-03T02:22:46.340 回答
0

这是我完全成功使用的。

https://stackoverflow.com/a/44570554/7991036

为了提供更多细节，我编写了一个基于标准的类WebBrowser。在这个类中，我添加了以下方法：

/// <summary>
/// Execute and get the returned value from the JavaScript into HTML page without appending it.
/// </summary>
/// <param name="strJS">JavaScript to execute.</param>
/// <returns>Dynamic result depending on JavaScript function code.</returns>
public dynamic JSExecuteAndReturnVal(string strJS)
{
    dynamic dynResult = Document.InvokeScript("eval", new[] { strJS });

    return dynResult;
}

每次我需要 JavaScript 代码中的一些值时，我都会使用此方法，因为该类正在导航到相关网页。该方法接受任何类型的纯 JavaScript 代码，因此它可以返回任何类型的值，直接取决于代码。

例如，如何使用该方法：

string strClassName = "whatever";
string strJS = "function JSDoIt(){objResult = document.getElementsByClassName('" + strClassName + "')[0]." +
"textContent; return { Result: objResult }; }; JSDoIt();";
dynamic dynJSResult = myWebBrowser.JSExecuteAndReturnVal(strJS);
decimal.TryParse(dynJSResult.Result.ToString(), out decimal nTotal);

诀窍是使用结构化对象来返回值。在 C# 代码方面，您确实需要牢记这一点，才能正确获得正确返回的值。

使用此示例，您无需在任何网页中隐藏任何 HTML 对象即可从任何 JavaScript 函数中获取结果。

于 2020-10-15T12:42:50.427 回答