Results 1 to 2 of 2

Thread: Need help on weather api script

  1. #1
    Join Date
    Aug 2014

    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">
    <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>  
          html, body, #map-canvas {
            height: 100%;
            margin: 0px;
            padding: 0px
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=weather"></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'),
      var weatherLayer = new google.maps.weather.WeatherLayer({
        temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT
      var cloudLayer = new google.maps.weather.CloudLayer();
    google.maps.event.addDomListener(window, 'load', initialize);
    <div id="content">
    <h1><#location> weather</h1>
    <h2 style="text-align: left; text-transform: none;" >
    <!--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 -->
            <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>
    <!-- End Of Radar -->

  2. #2
    Join Date
    Mar 2012
    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