0

我正在使用天气 API。我想将地理定位页面中的纬度和经度传递给 api，以便它获取当前天气。有什么选择可以实现这一目标。请帮忙。您的帮助将不胜感激。这是我的JS代码：

function SearchLocation(e) {

    var searchLocationInput = {
        query: 'Chennai',
        format: 'JSON',
        timezone: 'yes',
        popular: '',
        num_of_results: '',
        callback: 'SearchLocationCallback'
    };

    JSONP_SearchLocation(searchLocationInput);
    e.preventDefault();
}

function SearchLocationCallback(searchLocation) {

    output = "<br/> Area Name: " + locationSearch.search_API.result[0].areaName[0].value;
    output += "<br/> Country: " + locationSearch.search_API.result[0].country[0].value;
    output += "<br/> Latitude: " + locationSearch.search_API.result[0].latitude;
    output += "<br/> Longitude: " + locationSearch.search_API.result[0].longitude;
    output += "<br/> Population: " + locationSearch.search_API.result[0].population;
    output += "<br/> Region: " + locationSearch.search_API.result[0].region[0].value;

    resultContainer.empty();
    resultContainer.html(output);

}

这是我的地理位置代码：

     <html>
   <head>
     <title>Getting Geolocation for Weather Details</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
       <meta charset="UTF-8">
    <style type="text/css">
     html, body {
      height: 100%;
      margin: 0;
      padding: 0;
     }
      #map_canvas {
      height: 100%;
     }

     @media print {
       html, body {
        height: auto;
      }

       #map_canvas {
      height: 650px;
      }
     }
    </style>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript">
     var map;

      function initialize() {
       var myOptions = {
        zoom: 16,
         mapTypeId: google.maps.MapTypeId.ROADMAP
       };
       map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

       // Try HTML5 geolocation
       if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
        var pos = new google.maps.LatLng(position.coords.latitude,
                                         position.coords.longitude);

          var infowindow = new google.maps.InfoWindow({
          map: map,
          position: pos,
          content: '<a href="weatherdetails.html">click here for weather details</a>'
           });

           map.setCenter(pos);
         }, function() {
           handleNoGeolocation(true);
         });
         } else {
        // Browser doesn't support Geolocation
        handleNoGeolocation(false);
        }
    }

     function handleNoGeolocation(errorFlag) {
       if (errorFlag) {
        var content = 'Error: The Geolocation service failed.';
       } else {
         var content = 'Error: Your browser doesn\'t support geolocation.';
       }

       var options = {
      map: map,
       position: new google.maps.LatLng(60, 105),
      content: content
      };

      var infowindow = new google.maps.InfoWindow(options);
     map.setCenter(options.position);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
   </script>
   </head>
    <body>
    <div id="map_canvas"></div>
    </body>
  </html>
4

1 回答 1

0

这个 API 有据可查，传递纬度和经度，通过 -q参数用逗号分隔。

简单实现：

if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      $.getJSON('http://api.worldweatheronline.com/free/v1/weather.ashx?callback=?',
                {format:'json',
                 key:'yourKey',
                 q:[position.coords.latitude, position.coords.longitude].join(',')
                },
                function(r){
                  alert(r.data.current_condition[0].weatherDesc[0].value);
                })

    });
}

演示：http: //jsfiddle.net/doktormolle/xzxZb/

于 2013-09-18T12:47:04.317 回答