Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4017) - 17 March 2024

Legacy Cumulus 1 release v1.9.4 (build 1099) - 28 November 2014 (a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

WXTiles maps

Discussion of Jacques DesRoches's web site templates

Moderator: JacquesD

Post Reply
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: Preview: Weather Eden!

Post by beteljuice »

NEVER lazy Jacques - sometimes misguided :P :lol:
Image
......................Imagine, what you will KNOW tomorrow !
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: Preview: Weather Eden!

Post by beteljuice »

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 27 Feb 2013 1:00 am, edited 1 time in total.
Image
......................Imagine, what you will KNOW tomorrow !
User avatar
JacquesD
Posts: 609
Joined: Tue 27 Jul 2010 3:51 am
Weather Station: National Geographic 265nc
Operating System: XP SP3
Location: St-Ours, Québec, Canada
Contact:

Re: WXTiles maps

Post by JacquesD »

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: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Post by beteljuice »

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 30 May 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Post by Michael_Wright »

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: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Post by beteljuice »

?

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 30 May 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Post by Michael_Wright »

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: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Post by beteljuice »

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 30 May 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Post by Michael_Wright »

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: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: WXTiles maps

Post by beteljuice »

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 30 May 2013 9:15 am
Weather Station: fine offset
Operating System: windows 7
Location: Townsville/Queensland/Australia
Contact:

Re: WXTiles maps

Post by Michael_Wright »

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.
Post Reply