www.webdeveloper.com
Results 1 to 2 of 2

Thread: Need help on weather api script

  1. #1
    Join Date
    Aug 2014
    Location
    Australia
    Posts
    2

    Lightbulb Need help on weather api script

    Hi forum I am having trouble loading the google weather map. I have inclosed the script here can someone help me please mike
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
    <meta name="description" content="<#location> weather data" />
    <meta name="keywords" content="Cumulus, <#location> weather data, weather, maps, weather station" />
    <title><#location> weather</title>
    <link href="weatherstyle.css" rel="stylesheet" type="text/css" />
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDhSQkoziqQ6_MRogbq1RAdJMjwkqcDHvo"type="text/javascript"></script>  
    <style>
          html, body, #map-canvas {
            height: 100%;
            margin: 0px;
            padding: 0px
          }
        </style>
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=weather"></script>
     <script>
    function initialize() {
      var mapOptions = {
        zoom: 6,
        center: new google.maps.LatLng(49.265984,-123.127491)
      };
    
      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> 
    <div id="content">
    <h1><#location> weather</h1>
    <h2 style="text-align: left; text-transform: none;" >
    &nbsp;Latitude&nbsp;<#latitude>&nbsp;&nbsp;&nbsp;&nbsp;Longitude&nbsp;<#longitude>&nbsp;&nbsp;&nbsp;&nbsp;Elevation&nbsp;<#altitude></h2>
    <!--Start of Radar -->
    <table >
     <table align="centre"cellspacing="2" cellpadding="2" width="812" border="0">
    <caption>Weather Watch Radar<br/><font size="2" color ="White"> Click Radar Map to view full size. Click again to close.</font></caption><tr align="center">
        <td width="320" >  
    <!-- start of Google Maps Stuff -->
    <div id="map-canvas"></div>
    <!-- end Google Maps Stuff -->
       <br>
            <a href="http://mirror.bom.gov.au/products/IDR733.loop.shtml"><img src="http://mirror.bom.gov.au/radar/IDR733.gif" ALT="Townsville local radar image" width="150" height="150" border="0"></a><br>
    
        128km <a href="http://mirror.bom.gov.au/products/IDR733.shtml">Static</a> | <a href="http://mirror.bom.gov.au/products/IDR733.loop.shtml?looping=1&reloaded=0&topography=true&locations=true&wthrDistricts=true#skip">40 Min Loop</a> | <a href="http://radar.strikeone.net.au/?fuseaction=loops.main&radar=733&numberofImages=18&dateStart=0&dateFinish=0">3 Hr Loop</a><br>
        256km <a href="http://mirror.bom.gov.au/products/IDR732.shtml">Static</a> | <a href="http://mirror.bom.gov.au/products/IDR732.loop.shtml?looping=1&reloaded=0&topography=true&locations=true&wthrDistricts=true#skip">40 Min Loop</a> | <a href="http://radar.strikeone.net.au/?fuseaction=loops.main&radar=732&numberofImages=18&dateStart=0&dateFinish=0">3 Hr Loop</a><br>
        512km <a href="http://mirror.bom.gov.au/products/IDR731.shtml">Static</a> | <a href="http://mirror.bom.gov.au/products/IDR731.loop.shtml?looping=1&reloaded=0&topography=true&locations=true&wthrDistricts=true#skip">40 Min Loop</a> | <a href="http://radar.strikeone.net.au/?fuseaction=loops.main&radar=731&numberofImages=18&dateStart=0&dateFinish=0">3 Hr Loop</a><br>
    </td>
    </tr>
    </table>
    <!-- End Of Radar -->

  2. #2
    Join Date
    Mar 2012
    Posts
    1,520
    I doubt that you will get any replies without more detail on the problem you are experiencing. Also, did you have a working web page? If so, can you identify the sequence of changes made since and identify the point at which it stopped working? Give us something more to work with than just "It's broke"!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles