Cumulus Support

Support forum for Cumulus weather station software
https://cumulus.hosiene.co.uk/

WXTiles maps

https://cumulus.hosiene.co.uk/viewtopic.php?t=9417

Page 1 of 1

Re: Preview: Weather Eden!

Posted: Tue 26 Feb 2013 10:07 pm
by beteljuice
NEVER lazy Jacques - sometimes misguided :P :lol:

Re: Preview: Weather Eden!

Posted: Tue 26 Feb 2013 10:35 pm
by beteljuice
Your NEXT template set, if you choose to accept the challenge - http://www.wxtiles.com/

I expect great things from everyone :lol:

Re: WXTiles maps

Posted: Wed 27 Feb 2013 12:53 am
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

Re: WXTiles maps

Posted: Wed 27 Feb 2013 1:07 am
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 ;)

Re: WXTiles maps

Posted: Wed 06 Aug 2014 4:18 am
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

Re: WXTiles maps

Posted: Wed 06 Aug 2014 9:57 am
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);
}

Re: WXTiles maps

Posted: Wed 06 Aug 2014 11:13 pm
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>

Re: WXTiles maps

Posted: Thu 07 Aug 2014 12:15 am
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:

Re: WXTiles maps

Posted: Thu 07 Aug 2014 1:36 am
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

Re: WXTiles maps

Posted: Thu 07 Aug 2014 1:45 am
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.

Re: WXTiles maps

Posted: Sun 10 Aug 2014 11:00 pm
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
All times are UTC
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited