c# - 将服务器端纬度/经度值添加到 Google Map javascript

Question

我正在尝试将 Google map 添加到我的其中一个页面。

在我的代码隐藏中，我有一个 map 的中心点，以及一组我想要映射的纬度/经度:

protected void Page_Load(object sender, EventArgs e)
{
    Point center = new Point { latitude = 28.42693F, longitude = -81.4673F };

    List<Point> points = new List<Point>();
    points.Add(new Point { latitude = 28.43039F, longitude = -81.47186F });
    points.Add(new Point { latitude = 28.36906F, longitude = -81.56063F });

    Point[] pointArray = points.ToArray();
}


public class Point
{
    public float latitude;
    public float longitude;
}

在我的页面上，我有这个 javascript:

<script type="text/javascript">

    function initialize() {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map_canvas"));
            map.setCenter(new GLatLng(28.42693, -81.4673), 13);
            //map.setUIToDefault();

            var blueIcon = new GIcon(G_DEFAULT_ICON);
            blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
            markerOptions = { icon: blueIcon };


            var point = new GLatLng(28.43039, -81.47186);
            map.addOverlay(new GMarker(point, markerOptions));

            point = new GLatLng(28.36906, -81.56063);
            map.addOverlay(new GMarker(point, markerOptions));
        }
    }

</script>

这些值现在被硬编码到 javascript 中用于测试，但我需要从代码隐藏中获取动态值。我该怎么做？

Answer 1

一种快速而肮脏的方法可能是在您的代码隐藏中创建一个字符串，该字符串创建一个 JavaScript 纬度/经度值数组。然后，您可以在 .ASPX 中添加一个并将其设置为您的字符串值。或者创建您的点的 JSON 表示。它适用于一次性的小型场景。所以你的 JavaScript 最终可能看起来像这样:

<script type="text/javascript">

    function initialize() {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map_canvas"));
            <asp:Literal id="litMapCenter" runat="server"/>
            //map.setUIToDefault();

            var blueIcon = new GIcon(G_DEFAULT_ICON);
            blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
            markerOptions = { icon: blueIcon };

            <asp:Literal id="litMapPoints" runat="server"/>
        }
    }

</script>

然后在您的代码隐藏中使用适当的 JavaScript 设置 litMapPoints 和 litMapCenter。