Author Topic: What widget(s) are avalible that I can display the info from PWS on my website (Read 4444 times)

johnzapf · « **on:** May 28, 2020, 07:33:37 PM »

I am trying to use the info from my Ambient Weather station and have it in the top left corner of my website. See link for what I am using now. http://www.artisticimages.com/categories/live-hummingbird-cam I want it to be something like that, 265px wide but use my API/info. can anyone suggest something I can use to do that?

Thanks, John

galfert · « **Reply #1 on:** May 28, 2020, 11:14:53 PM »

So you connected your Ambient weather station to Weather-Display software and are looking to use this software to generate the widget?
http://www.weather-display.com/index.php

This sub-board you posted in is only for Weather-Display software.
EDIT: This thread has been moved from Weather Display board. This is not Weather-Display software related.

Or are you only using just Ambient hardware?
If so then you can take a look at Ambientweather.net API documentation to do your own thing:
https://help.ambientweather.net/help/api-documentation/

Or you could upload to Weather Underground and use their API documentation to do your own thing:
https://www.wunderground.com/member/api-keys
WU used to provide a widget but I think it is no longer supported. Perhaps others can comment.

Or you could expand the capabilities of your hardware with software like Weather-Display (or other software options) and then use them to populate your website.

johnzapf · « **Reply #2 on:** May 29, 2020, 01:55:57 PM »

yap that's what I want to do, I have added to WU I have API, but I don't have the software, widget, or code to make the display. that's what I need help with.

I want to make something like this but use the info from my PWS.

[ You are not allowed to view attachments ]

I am using Joomla for my website does anyone have any idea on the code I ned to use to add this to an articla. if you could just give me some code to paste and see what it does maybe I can go from there?

John

johnzapf · « **Reply #3 on:** May 30, 2020, 05:13:59 PM »

I can generate the code but I cant get it to display a nice box with the sun and temp,

[ You are not allowed to view attachments ]

WraxallDave · « **Reply #4 on:** May 31, 2020, 03:57:48 AM »

Hi John,

I use a lookalike fake one for WU because theirs is http: (insecure content)

I created a SVG file for the image using Inkscape added the output as inline <svg> tags and then added the variables with <?php $code_variable; ?>.

Worked a treat.

Dave

johnzapf · « **Reply #5 on:** May 31, 2020, 10:10:20 AM »

can you share a link so I can see what you did? I am still trying to just even get started and getting no where.

WraxallDave · « **Reply #6 on:** May 31, 2020, 10:18:32 AM »

Hi John,

An easier solution my be to use Anole's wxgraphics script. Learning Inkscape took me ages.

the source and instructions are here: https://saratoga-weather.org/scripts-legacy.php and there is a lot of help in this forum on how to apply them.

Dave

johnzapf · « **Reply #7 on:** May 31, 2020, 10:26:20 AM »

so I keep looking at all these pages and i dont get amy of it?

Or are you only using just Ambient hardware?
If so then you can take a look at Ambientweather.net API documentation to do your own thing:
https://help.ambientweather.net/help/api-documentation/

Or you could upload to Weather Underground and use their API documentation to do your own thing:
https://www.wunderground.com/member/api-keys
WU used to provide a widget but I think it is no longer supported. Perhaps others can comment.

how do you wright the code, how do you make it work?

WraxallDave · « **Reply #8 on:** May 31, 2020, 10:46:30 AM »

I have just added Anole's script to the signature at the bottom of my post, it can be added as an image on a website.

The link to it on mine is https://www.wraxallweather.co.uk/wxgraphic/wxgraphic.php?type=banner_big

The <svg> approach looks like this: https://www.wraxallweather.co.uk/wuMenuBox.php
But you need to know the svg editor to understand all the gibberish in the data image.

Code: [Select]

<?php
//include_once("common.php");          // for language translation
//include_once("Settings.php");
include_once("testtags.php");
?>
</head>
<body>
<?php
$tempstr = number_format((($temperature * (9/5)) + 32),1).'&deg;F / '.$temperature.'&deg;C';  // 50.4°F / 10°C
$windstr = $dirlabel.' '.$avgspd.' mph / '.number_format(($avgspd * 1.60934), 1).' km/h';
?> 
<div>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   id="svg8"
   version="1.1"
   viewBox="0 0 105 105"
   height="105"
   width="105">
  <defs
     id="defs2" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     transform="translate(0,-1017.5197)"
     id="layer1">
    <image
       width="105"
       height="105"
       preserveAspectRatio="none"
       xlink:href="data:image/png;base64,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
"
       id="image4592"
       x="0"
       y="1017.5197" />
  </g>
  <rect
     y="70"
     x="15"
     height="25"
     width="80"
     id="rect4641"
     style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.18897638;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
  <g
     id="GroupText">
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.16638088px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.953098"
       x="27.663937"
       y="75.581169"
       id="tempText"
       transform="scale(0.95309807,1.04921)"><tspan
         id="tspan4599"
         x="27.663937"
         y="75.581169"
         style="font-size:7.62478399px;stroke-width:0.953098"><?php echo $tempstr; ?></tspan></text>
    <text
       transform="scale(0.94563143,1.0574945)"
       id="windText"
       y="84.57412"
       x="16.625484"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.08673668px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.94563138"
       xml:space="preserve"><tspan
         style="font-size:7.56505108px;stroke-width:0.94563138"
         y="84.57412"
         x="16.625484"
         id="tspan4603"><?php echo $windstr; ?></tspan></text>
  </g>
</svg>
</div>
</body>

Dave.

johnzapf · « **Reply #9 on:** May 31, 2020, 10:48:59 AM »

ok, this is what I want to do, now just learning how to do it and where to start, thanks.

the source and instructions are here: https://saratoga-weather.org/scripts-legacy.php and there is a lot of help in this forum on how to apply them.

johnzapf · « **Reply #10 on:** May 31, 2020, 10:51:21 AM »

so I want to do something like this but with my info.

a href="https://saratoga-weather.org/">
<img src="https://saratoga-weather.org/wxsticker/sticker.php"
alt="Current weather conditions in Saratoga, California"
title="Current weather conditions in Saratoga, California"
width="150" height="150" /></a>

See my hummingbird page, in between babies right now. but you can see where I want to put the info from my PWS.
http://www.artisticimages.com/categories/live-hummingbird-cam

WraxallDave · « **Reply #11 on:** May 31, 2020, 10:56:44 AM »

Hi John,

Download Anole's script from the Saratoga link and upload everything in a directory /wxgraphics on your website

Then read the PDF file on the Saratoga site on how it works and how to place the variables on an image.

When you have a link like I showed in the last post, you can add the link as an <img tag on your page where you wants it.

Dave

johnzapf · « **Reply #12 on:** May 31, 2020, 11:00:37 AM »

ok, I am doing and reading now. thanks.

WraxallDave · « **Reply #13 on:** May 31, 2020, 11:05:31 AM »

If I was placing it on my page, my image would be:

Code: [Select]

<img alt="alt banner" height="65" src=" https://www.wraxallweather.co.uk/wxgraphic/wxgraphic.php?type=banner_big" width="200">

although I would drop the "https://www.wraxallweather.co.uk" bit and just add it as "/wxgraphics/wxgraphic.php?type=banner_big"

As it will be on your site not mine.

I hope this helps.

Dave

johnzapf · « **Reply #14 on:** May 31, 2020, 11:08:56 AM »

http://www.artisticimages.com/styles/styles-background/api-test

I dont see where I put my API or any of that stuff? the data file?

I will keep reading

WraxallDave · « **Reply #15 on:** May 31, 2020, 11:13:24 AM »

All this assumes that the weather data is on your site so no API is involved.

An API could download a JSON file of weather data to your site which could be read with php code, but that is opening a very big can of worms.

Dave.

johnzapf · « **Reply #16 on:** May 31, 2020, 11:17:26 AM »

ok, so how to I get the weather data to my site? I am just trying to have this display the data from my PWS?

https://ambientweather.net/dashboard/60133f29dc5b12483d89c252ff39c2e9
https://www.wunderground.com/dashboard/pws/KCAOCEAN408
https://www.pwsweather.com/station/pws/AJZ2020

lots of data, but I cant get it to display in a small thing on my site--crazy!

WraxallDave · « **Reply #17 on:** May 31, 2020, 11:19:50 AM »

Do you upload weather data to any of these site?

And if so, what software are you using?

Dave.

johnzapf · « **Reply #18 on:** May 31, 2020, 11:21:13 AM »

thats my data on all those links.

johnzapf · « **Reply #19 on:** May 31, 2020, 11:23:08 AM »

I am using an ambient weather ws-2902b it uploads the data to those sites. I have API's from all 3 but, I cant figure any of that out either. I was hoping to just be able to customize something using one of the API's and json like you said but that is not straight forward at all.

WraxallDave · « **Reply #20 on:** May 31, 2020, 11:25:32 AM »

I take it that you upload via a device and not upload with software on a PC?

If so you are stuck with the API's from these websites unless you know a lot of php and can read the output from their API and use your own web Image.

Dave.

johnzapf · « **Reply #21 on:** May 31, 2020, 11:30:15 AM »

right, upload is right from the device.

and looks like I can do everything i want with the API's IF I know how!

https://docs.google.com/document/d/1eKCnKXI9xnoMGRRzOL1xPCBihNV2rOet08qpE_gArAY/edit
https://ambientweather.docs.apiary.io/#

I was looking at getting a Davis Vintage Pro 2 but with everything I wanted it would have been $800, plus then they wanted a monthly fee for weather link and that's when I said no way. I got all the same from ambient for $160 and no month fees.

johnzapf · « **Reply #22 on:** May 31, 2020, 11:31:13 AM »

what PWS are you using and how are you getting the data?

WraxallDave · « **Reply #23 on:** May 31, 2020, 11:44:09 AM »

John,

The image you showed in your second post is widget controlled by the site you got it from.

An API is intended to download some data from a PWS website, which you can use to to display your data on a website with php or Javascript.

I load data from a Davis VP2 with a PC using Weather Display software and a USB data logger link.

The result gives me more control of what you want to display, and I can write stuff like this.

I think you are either stuck with these widgets, or take a crash course in php.

Dave.

johnzapf · « **Reply #24 on:** May 31, 2020, 11:52:34 AM »

Thanks, I am sure I can do the API JSON if I just has a little help getting started.

News:

Author Topic: What widget(s) are avalible that I can display the info from PWS on my website (Read 4444 times)