IMPORTANT! The server may go down soon - possibly permanently. Please read the latest post in Announcements and News

I strongly advise all users using my server for their web site to make alternative arrangements.

Outgoing mail is disabled because of the malware on the server. No new forum registrations are currently possible, and mail to the forum administrator will not work.

Please read the posts in the Announcements section about the current status of Cumulus development now that I have retired

Please read this post before posting

Latest Cumulus release v1.9.4 (build 1099) - Nov 28 2014
Latest Cumulus MX release - v3.0.0 build 3043 Jan 20 2017. See this post for download

WXTiles maps

Discussion of Jacques DesRoches's web site templates

Moderator: JacquesD

User avatar
beteljuice
Posts: 2484
Joined: Tue Dec 09, 2008 1:37 pm
Weather Station: None !
Operating System: XP SP3 - honest
Location: Dudley, West Midlands, UK

Re: Preview: Weather Eden!

Postby beteljuice » Tue Feb 26, 2013 10:07 pm

NEVER lazy Jacques - sometimes misguided :P :lol:
Image
......................Imagine, what you will KNOW tomorrow !

User avatar
beteljuice
Posts: 2484
Joined: Tue Dec 09, 2008 1:37 pm
Weather Station: None !
Operating System: XP SP3 - honest
Location: Dudley, West Midlands, UK

Re: Preview: Weather Eden!

Postby beteljuice » Tue Feb 26, 2013 10:35 pm

Your NEXT template set, if you choose to accept the challenge - http://www.wxtiles.com/

I expect great things from everyone :lol:
Last edited by beteljuice on Wed Feb 27, 2013 1:00 am, edited 1 time in total.
Image
......................Imagine, what you will KNOW tomorrow !

User avatar
JacquesD
Posts: 604
Joined: Tue Jul 27, 2010 3:51 am
Weather Station: National Geographic 265nc
Operating System: XP SP3
Location: St-Ours, Québec, Canada
Contact:

Re: WXTiles maps

Postby JacquesD » Wed Feb 27, 2013 12:53 am

Hi Beetle,

Oh! Good page! ...Not necessarely an other template, but as 'module'! :D

Have you try it? Some projects around it?

Cheers
Jacques

User avatar
beteljuice
Posts: 2484
Joined: Tue Dec 09, 2008 1:37 pm
Weather Station: None !
Operating System: XP SP3 - honest
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Postby beteljuice » Wed Feb 27, 2013 1:07 am

The beteljuice can honestly say that he was one of the first to overlay cloud, rain AND lightning strikes on the first google maps API ... as soon as I showed my prototypes to the data 'donors' they pulled the plug on their free data feeds and eventually produced their own (but not so comprehensive) map overlays.

I was particularly proud of the lightning overlay, as from a menu you could define the the strike display area and have a tighter alarm (audio and visual) area, mouse over strikes gave lat / long and time ... seriously good stuff - that data provider has only recently got near it ;)

As I don't really run a web site for myself (just a huge expanse of experiment and snippets) There are a lot of things I can't really justify unless Im doing it as a challenge or for someone else ;)
Image
......................Imagine, what you will KNOW tomorrow !

Michael_Wright
Posts: 140
Joined: Thu May 30, 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Postby Michael_Wright » Wed Aug 06, 2014 4:18 am

hi I have signed up for wxtiles since I am udsing the weather blues php template how can I setup the splitveiw also can any body help on setting up the windmaps charts please mike
Image
The Future you have Not seen but the presants shall all ways be.

User avatar
beteljuice
Posts: 2484
Joined: Tue Dec 09, 2008 1:37 pm
Weather Station: None !
Operating System: XP SP3 - honest
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Postby beteljuice » Wed Aug 06, 2014 9:57 am

?

The only thing you can't obviously 'see' by view source of their (google maps) demo is the seperate JS support file.

splitviewdemo.js

Code: Select all

var rain, wind, temp, wave;
var wx1, wx2, wx3, wx4;

function updateTime(time, up) {
    var t=parseInt(time);
    t = (up) ? (t+1600000) : (t-1600000);
    wx1.setTime(t);
}

function make_splitdemo() {
    var wvars=["rain", "wind", "tmp", "hs"];
    var latlng=null;
   
    var mapOptions = {
        zoom: 4,
        center: new google.maps.LatLng(-41.10, 172.28),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
   
    var rainOptions = {
        zoom: 4,
        center: new google.maps.LatLng(-41.10, 172.28),
        mapTypeId: google.maps.MapTypeId.SATELLITE
    };
   
    wx1=new WXTiles({name:'Rain',withnone:false,autoupdate:true,cview:"rain"});
    var map1=new google.maps.Map(document.getElementById('rain'), rainOptions);
    map1.id='rain';
    wx1.addToMap(map1);
   
   
    wx2=new WXTiles({name:'Wind',withnone:false,autoupdate:true,cview:"wind"});
    var map2=new google.maps.Map(document.getElementById('wind'), mapOptions);
    map2.id='wind';
    wx2.addToMap(map2);
   
    wx3=new WXTiles({name:'Temperature',withnone:false,autoupdate:true,cview:"tmp"});
    var map3=new google.maps.Map(document.getElementById('temp'), mapOptions);
    map3.id='temp';
    wx3.addToMap(map3);
   
    wx4=new WXTiles({name:'Wave height',withnone:false,autoupdate:true,cview:"hs"});
    var map4=new google.maps.Map(document.getElementById('wave'), mapOptions);
    map4.id='hs';
    wx4.addToMap(map4);

    document.getElementById('Select').appendChild(wx1.getTSelect());
    wx1.linkTime(wx2);
    wx1.linkTime(wx3);
    wx1.linkTime(wx4);
}
Image
......................Imagine, what you will KNOW tomorrow !

Michael_Wright
Posts: 140
Joined: Thu May 30, 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Postby Michael_Wright » Wed Aug 06, 2014 11:13 pm

this is all that is coming up on my website http://www.stormsearchers.com/earthsmaps.php I have inclosed the code for you but still not working

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title>My own page</title>
   <meta name="keywords" content="" />
   <meta name="description" content="" />
   <link href="styles.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
    <script type="text/javascript" src="lib/dropmenu/dropdowntabs.js"></script>
    <script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script>
    <script type="text/javascript" src="http://api.wxtiles.com/wxtiles.v2.min.js"></script>
  </head>
<body>
<div id="bg_clouds">
   <div id="main">
      <!-- header and main menu begins -->
    <?php
      require_once('header_menu.php');
    ?>
    <script type="text/javascript">
    // Select menu current item highlight
    //SYNTAX: tabdropdown.init("menu_id", [item menu, start from 0])
    tabdropdown.init("mainmenu", 0)
    </script>
      <div style="height:13px"></div>
      <!-- header ends -->
      <div class="header_top"></div>
      <div class="header">
         <div id="wrapper">
            <div id="slider-wrapper">       
               <div id="slider" class="nivoSlider">
                  <img src="style/header1.jpg" alt="" />
                  <img src="style/header2.jpg" alt=""/>
                  <img src="style/header3.jpg" alt="" />
               </div>
            </div>
         </div>
         <script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
         <script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
         <script type="text/javascript">
            $(window).load(function() {
            $('#slider').nivoSlider();
            });
         </script>
      </div>
      <div class="header_bot"></div>
      <div style="height:15px"></div>
      <!-- content begins -->
      <div class="cont_top"></div>
      <div id="content">
      <h1>  <div id="header">
     <span id="tSelect"></span>
     <span id="wxSelect"><label for="wx_vSelect">View:</label></span>
     <span><a href="http://www.wxtiles.com/api/tutorial">Go to the WXTiles tutorial</a><span>
     </div>
     <div id="map"></div>
   </body>

   var rain, wind, temp, wave;
var wx1, wx2, wx3, wx4;

function updateTime(time, up) {
    var t=parseInt(time);
    t = (up) ? (t+1600000) : (t-1600000);
    wx1.setTime(t);
}

function make_splitdemo() {
    var wvars=["rain", "wind", "tmp", "hs"];
    var latlng=null;
   
    var mapOptions = {
        zoom: 4,
        center: new google.maps.LatLng(-41.10, 172.28),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
   
    var rainOptions = {
        zoom: 4,
        center: new google.maps.LatLng(-41.10, 172.28),
        mapTypeId: google.maps.MapTypeId.SATELLITE
    };
   
    wx1=new WXTiles({name:'Rain',withnone:false,autoupdate:true,cview:"rain"});
    var map1=new google.maps.Map(document.getElementById('rain'), rainOptions);
    map1.id='rain';
    wx1.addToMap(map1);
   
   
    wx2=new WXTiles({name:'Wind',withnone:false,autoupdate:true,cview:"wind"});
    var map2=new google.maps.Map(document.getElementById('wind'), mapOptions);
    map2.id='wind';
    wx2.addToMap(map2);
   
    wx3=new WXTiles({name:'Temperature',withnone:false,autoupdate:true,cview:"tmp"});
    var map3=new google.maps.Map(document.getElementById('temp'), mapOptions);
    map3.id='temp';
    wx3.addToMap(map3);
   
    wx4=new WXTiles({name:'Wave height',withnone:false,autoupdate:true,cview:"hs"});
    var map4=new google.maps.Map(document.getElementById('wave'), mapOptions);
    map4.id='hs';
    wx4.addToMap(map4);

    document.getElementById('Select').appendChild(wx1.getTSelect());
    wx1.linkTime(wx2);
    wx1.linkTime(wx3);
    wx1.linkTime(wx4);
}</h1>
    </div>
      <div class="cont_bot"></div>
    <!-- content ends -->
      <!-- footer begins -->
      <div id="footer">
         <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a> | Weather Blues Template by <a href="http://weatherbyyou.com">Weather by You!</a>
         <p style="width:100%; font-family:helvetica; font-size:10px; color:#fff">Copyright  2011. <!-- Do not remove -->Designed by <a href="http://www.metamorphozis.com/free_templates/free_templates.php" title="Free Web Templates">Free Web Templates</a>, coded by <a href="http://www.myfreecsstemplates.com/" title="Free CSS Templates">Free CSS Templates</a><!-- end --></p>
      </div>
      <!-- footer ends -->
  </div>
</div>
</body>
</html>
Image
The Future you have Not seen but the presants shall all ways be.

User avatar
beteljuice
Posts: 2484
Joined: Tue Dec 09, 2008 1:37 pm
Weather Station: None !
Operating System: XP SP3 - honest
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Postby beteljuice » Thu Aug 07, 2014 12:15 am

You've just dumped the script in there but you haven't used <script .... > tags ! (The original was a script 'call' in the <head> section)

Also you have two closing </body> statements and an 'orphan' </h1>

... probably best to start afresh :groan:
Image
......................Imagine, what you will KNOW tomorrow !

Michael_Wright
Posts: 140
Joined: Thu May 30, 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Postby Michael_Wright » Thu Aug 07, 2014 1:36 am

I have change the problem but still not coming up on my site http://stormsearchers.com/charts&maps.php I read the tutorial but nothinking
Image
The Future you have Not seen but the presants shall all ways be.

User avatar
beteljuice
Posts: 2484
Joined: Tue Dec 09, 2008 1:37 pm
Weather Station: None !
Operating System: XP SP3 - honest
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Postby beteljuice » Thu Aug 07, 2014 1:45 am

You haven't called up a map provider (as shown in the example)

eg. <script src="http://maps.google.com/maps/api/js?sensor=false" ></script>

BTW - you have & in the path to your page - nasty things can happen.

Use camelCase or under_score.
Image
......................Imagine, what you will KNOW tomorrow !

Michael_Wright
Posts: 140
Joined: Thu May 30, 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Postby Michael_Wright » Sun Aug 10, 2014 11:00 pm

Big Thanks to (beteljuice) for helping out there good looking maps all I have do now is find out how to put in the split-veiw somethink I have wanted on my site for long time now many thanks once again Mike :D
Image
The Future you have Not seen but the presants shall all ways be.


Return to “Weather by You Templates”

Who is online

Users browsing this forum: No registered users and 2 guests