我想搜索天气地图中的位置和天气详情

时间:2014-09-01 12:18:28

标签: c# asp.net google-maps google-weather-api

我在此应用程序中添加了一个文本框和搜索按钮。我想输入一个位置并单击搜索按钮,然后显示具有天气详细信息的相应位置。我试过很多方面但是没有成功。所以任何人都有代码,请与我分享。 谢谢。

<!DOCTYPE html>

<html>
  <head id="Head1" runat="server">
    <meta charset="utf-8">
    <title>Weather layer</title>


    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=weather"></script>
    <script>
        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(12.9667, 77.5667),
                zoom: 6,
                mapTypeId: google.maps.MapTypeId.WeatherLayer
            };

            var map = new google.maps.Map(document.getElementById('map-canvas'),
                mapOptions);

            var weatherLayer = new google.maps.weather.WeatherLayer({
                temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT
            });
            weatherLayer.setMap(map);

            var cloudLayer = new google.maps.weather.CloudLayer();
            cloudLayer.setMap(map);
        }

        google.maps.event.addDomListener(window, 'load', initialize);

    </script>

  </head>
  <body>
      <form id="form1" runat="server">
    <div id="map-canvas"style="height:400px;width:400px;"></div>
  <asp:Button ID="Button1" runat="server" Text="Proceed" />
          <input id="searchTextField" type="text" size="50"style="height:auto;width:320px;">
          </form>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

您可以通过

隐藏它,而不是删除列
protected void Button4_Click(object sender, EventArgs e)
{          
   GridView1.Columns[2].Visible = False;
}

但是,由于它为您提供了Index was out of range例外,因此您的网格中可能不存在第三列。好像你想要隐藏第二列,所以你应该写

GridView1.Columns[1].Visible = False;

因为网格列的索引从零开始。