javascript - 在 FormView 的 Edittemplate 中显示 Google map 时遇到问题

Question

我正在从数据库中提取地址数据以显示在 FormView 上。我使用带有 window.onload 函数的 Javascript，该函数从后面的代码接收数据(经度和纬度)。表单 View 位于 UpdatePanel 内。

这对于 ItemTemplate 效果很好，但相同的 map 不会显示在 EditTemplate 中。我假设它与我正在使用的 (getElementById("dvMap")) 代码有关，但在 EditTemplate 中找不到该代码。

我如何使该代码更有效地在任一模板中显示 map ？

谢谢。

<script type="text/javascript">

     window.onload = function () {
         var mapOptions = {
             center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
             zoom: 17,
             mapTypeId: google.maps.MapTypeId.SATELLITE
         };
         var infoWindow = new google.maps.InfoWindow({ maxWidth: 200 });
         var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
         for (i = 0; i < markers.length; i++) {
             var data = markers[i]
             var myLatlng = new google.maps.LatLng(data.lat, data.lng);
             var marker = new google.maps.Marker({
                 position: myLatlng,
                 map: map,
                 title: data.title
             });
             (function (marker, data) {
                 google.maps.event.addListener(marker, "click", function (e) {
                     infoWindow.setContent(data.description);
                     infoWindow.open(map, marker);
                 });
             })(marker, data);
         }
     }
 </script>

HTML
<asp:Literal runat="server" ID="jsLiteral"></asp:Literal>
<div id="dvMap" style="width: 100%; height: 400px">  </div>

CodeBehind vb.Net
        Dim jsLiteral As Literal = DirectCast(formviewRecord.FindControl("jsLiteral"), Literal)
    If (_Record.Long IsNot Nothing) And (Not String.IsNullOrWhiteSpace(_Record.Long)) And (_Record.Lat IsNot Nothing) And (Not String.IsNullOrWhiteSpace(_Record.Lat)) Then
        Dim js As New StringBuilder
        js.Append("<script type='text/javascript'>")
        js.Append("var markers = [")
        js.Append(" {")
        js.Append("title: 'test',")
        js.Append("lat:  " + _Record.Lat + ",")
        js.Append("lng:  " + _Record.Long + ",")
        js.Append("description: 'description'")
        js.Append("  }")
        js.Append("];")
        js.Append("</script>")

        jsLiteral.Text = js.ToString

    End If

Answer 1

我最终使用了位于以下位置的 asp.net GoogleMaps 控件: [1]:http://en.googlemaps.subgurim.net/我所有的烦恼都消失了