-1

我已经在 javascript 和 vb.net 中使用 v3 开发和谷歌地图,用于一些服务器端代码以将地图附加到数据库。这里是我的地图的链接

http://202.125.144.34:80/Map/Cotton.aspx

这是我制作这张运行良好的地图的完整代码

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Cotton</title>

  <script runat=server>

      Dim mgps As New Text.StringBuilder

      Public ReadOnly Property GPS() As String
          Get
              Return mgps.ToString

          End Get
      End Property



  </script>  

  <%  Dim con As New OleDbConnection
      con = New OleDbConnection("Data Source=sml; User ID=sml; Password=sml; provider=OraOLEDB.Oracle")
      con.Open()
      Dim cmd As OleDbCommand = New OleDbCommand("select * from GPS_MAP", con)


      Dim ds As New DataSet
      Dim I As Long

      Dim da As New OleDbDataAdapter(cmd)
      da.Fill(ds, "GPS_MAP")
      mgps.AppendLine("[")

      For I = 0 To ds.Tables("GPS_MAP").Rows.Count - 1
          'AppendLine("new google.maps.LatLng(" & ds.Tables("GPS").Rows(I).Item("GPS_ONE") & "),")
          'station.AppendLine(ds.Tables("GPS").Rows(I).Item("GPS_ONE"))
          Dim station As String = ds.Tables("GPS_MAP").Rows(I).Item("STA_NAME")
          Dim party As String = ds.Tables("GPS_MAP").Rows(I).Item("PARTY_NAME")
          Dim address As String = ds.Tables("GPS_MAP").Rows(I).Item("ADDRESS")
          Dim namerep As String = ds.Tables("GPS_MAP").Rows(I).Item("NAME_REP")
          Dim avg0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_08_09")
          Dim avg0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_09_10")
          Dim avg1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_10_11")
          Dim avg1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_11_12")
          Dim brk0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_08_09")
          Dim brk0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_09_10")
          Dim brk1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_10_11")
          Dim brk1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_11_12")
          Dim bales0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_08_09")
          Dim NETWT0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_08_09")
          Dim bales0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_09_10")
          Dim NETWT0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_09_10")
          Dim bales1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_10_11")
          Dim NETWT1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_10_11")
          Dim bales1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_11_12")
          Dim NETWT1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_11_12")
          mgps.AppendLine("{GPS:new google.maps.LatLng(" & ds.Tables("GPS_MAP").Rows(I).Item("GPS_ONE") & "), TITLE:'" & station & "',BALES0809:'" & bales0809 & "',NETWT0809:'" & NETWT0809 & "',BALES0910:'" & bales0910 & "',NETWT0910:'" & NETWT0910 & "',BALES1011:'" & bales1011 & "',NETWT1011:'" & NETWT1011 & "',BALES1112:'" & bales1112 & "',NETWT1112:'" & NETWT1112 & "',PARTYNAME:'" & party & "',ADDRESS:'" & address & "',NAMEREP:'" & namerep & "',AVG0809:'" & avg0809 & "',AVG0910:'" & avg0910 & "',AVG1011:'" & avg1011 & "',AVG1112:'" & avg1112 & "',BRK0809:'" & brk0809 & "',BRK0910:'" & brk0910 & "',BRK1011:'" & brk1011 & "',BRK1112:'" & brk1112 & "'},")
      Next I
      mgps.AppendLine("];")

      con.Close()
      %>  


    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
 <script src="http://acme.com/javascript/Clusterer.js" type="text/javascript"></script>
<script  type="text/javascript">
 var map;

 var markers = new Array();

 function initialize() {
    var map_center = new google.maps.LatLng(31.2330555556,72.3330555556);


var GPS = <%=GPS %>
     var myOptions = {
      zoom: 9,
      scaleControl:true,
      pancontrol: true,
      streetViewControl: true,
      center: map_center,
      mapTypeControl: true,
      mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    },
      mapTypeId: google.maps.MapTypeId.HYBRID
    }    
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var infowindow = new google.maps.InfoWindow();

    //var clusterer = new Clusterer( map );

    for(i=0; i<GPS.length; i++)
    {

        //  var image = 'ico/no.png';


          markers[i] = new google.maps.Marker(
          { 
           position: GPS[i].GPS,
           map: map,
           draggable:true,

          Info:'<table style="border:1px solid #000000;font-family: Arial; font-size:10px;" cellpadding="0" cellspacing="0"><tr>'+
                '<td colspan="6" style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial"><b>'+ GPS[i].PARTYNAME + '</b></span></td></tr><tr>'+
                '<td colspan="6" style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">'+ GPS[i].ADDRESS +'</span></td></tr><tr>'+
                '<td colspan="6" style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">'+ GPS[i].NAMEREP + '</span></td></tr><tr><td colspan="2" style="border:1px solid #000000;border-bottom:0;"></td>'+
                '<td style="border:1px solid #000000;border-bottom:0;"><span style="font-family: Arial">Bales</span></td><td style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">Net Weight</span></td><td style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">Average rate per Maund</span></td><td style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">Broker</span></td></tr><tr><td style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">2011-2012</span></td><td rowspan="4" style="border:1px solid #000000;border-bottom:0;"></td>'+
                '<td style="border:1px solid #000000;border-bottom:0; text-align:right;"><span style="font-family: Arial">' + GPS[i].BALES1112 + '</span></td>'+
                '<td style="border:1px solid #000000;border-bottom:0; text-align:right;">'  + GPS[i].NETWT1112 + '</td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG1112 + '</td>'+
                '<td style="border:1px solid #000000;border-bottom:0; ">'+ GPS[i].BRK1112 + '</td></tr><tr><td style="border:1px solid #000000;border-bottom:0;">'+
                                  '<span style="font-family: Arial">2010-2011</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+
                    '<span style="font-family: Arial">'+ GPS[i].BALES1011 + '</span></td> <td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].NETWT1011 + '</td>'+
                '<td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG1011 + '</td><td style="border:1px solid #000000;border-bottom:0;">' + GPS[i].BRK1011 + '</td></tr><tr>'+
                '<td style="border:1px solid #000000;border-bottom:0;"><span style="font-family: Arial">2009-2010</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+
                    '<span style="font-family: Arial">'+ GPS[i].BALES0910 + '</span></td>'+
                '<td style="border:1px solid #000000;border-bottom:0; text-align:right;">' + GPS[i].NETWT0910 + '</td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG0910 + '</td>'+
                '<td style="border:1px solid #000000;border-bottom:0; ">'+ GPS[i].BRK0910 + '</td></tr><tr><td style="border:1px solid #000000;border-bottom:0;">'+
                    '<span style="font-family: Arial">2008-2009</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+
                    '<span style="font-family: Arial">'+ GPS[i].BALES0809 + '</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].NETWT0809 + '</td>'+
                '<td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG0809 +'</td><td style="border:1px solid #000000;border-bottom:0;">'+ GPS[i].BRK0809 + '</td></tr></table>',
           title:GPS[i].TITLE

           });                      

            google.maps.event.addListener(markers[i], 'click', function() {
            infowindow.setContent(this.Info);
            infowindow.open(map,this);
            });             

         }    
      }
</script>
</head>
<body onload="initialize()" style="text-align: center">
  <div id="map_canvas" style="width:100%; height:100%; text-align: center;">
      </div>

</body>
</html>

是否有可能导出此地图以制作要在 Google 地球中打开的 kmz 文件。如果不知道,请帮助

4

1 回答 1

0

我查看了您的地图链接,看起来不错;我喜欢与标记点击相关联的 InfoWindow 表。

但我认为您必须详细说明您希望通过 KMZ 实现的目标:

  • 您是否只是想将现有地图重新创建为 kmz 以在 Google 地球中显示?
  • 或者您是否想创建一个使用最新数据从数据库中读取的动态导出实现?
于 2012-04-25T03:13:51.433 回答