Real time mesomap is a reality!

Ask a Question
1

check my one out at:
http://www.weather-display.com/windy/svgmesomap.htm

I will make it easy to setup in WD, where you set/adjust the X/Y location for each station, and then refresh it, and you set the URL to point to the clientraw.txt file too

2

That URL gives me a Microsoft J Script runtime error Permission denied Line 30 Column 5

3

Brian,

The SVG stuff never works for me even though I’ve downloaded the Adobe plug-in. When I go to your test site, the map loads but the data never gets displayed. I get a error the states “Permission denied, line 30, row 5”.

DaveH

4

note: to use data from other peoples sites:
Adjust your browser settings. In IE, go to Tools > Internet Options > Security Tab. Select Internet, then select Custom Level. Select Access Data Sources Across Domains from the Miscellaneous

try that

5

That’s it!

6

i have noted that on the web page now
(refresh the page)
have also added station name/time
will add daily rain too

cool ah…
if only more people used WD…

but milking time now

7

I had to do that here and now it works… thats great Brian! :slight_smile:

8
i have noted that on the web page now
I saw that, and thought "uh oh, should have seen that", but then I realized I couldn't until I had done it :lol:
9

Wow! The real time mesomap is another killer app. from Brian. :smiley:

10

i had a brain wave while milking the cows…
reload the page…i have made a background now so you can read the numbers…
(still fine tuning)
gota go, wifes humidity is at 110%

11

Works great Brian.
8)

you need a broadband connection :frowning:

12

just improved it a bit more
refresh the page again…
i am happy with it now, but i need to add the units toggle././/

then i have to work on a easy interface in wd so others can create their own…
or do you think you guys can handle changing the X and Y numbers to postition the data over your own background map , and set the url’s?

(i need to add ability for say up to 5 stations?

13

if anyone is game to try it out themselves:
download the source from here:
htttp://www.weather-display.com/downloads/svgmesomap.zip

and just replace the backgroundmesomap.jpg with one of you own
and reset/set the width and height for that image in the mainmesomap.svg
i.e

<g id="background" style="filter:url(#MyFilter);">
	<image xlink:href="backgroundmesomap.jpg"  opacity="1" x="0"   y="0"   width="450" height="368"/>
</g>

and you will also need to change the url’s needed
there is a starting one, and then you set the ones to rotate too

and the starting units (i am still to add the units toggle at this stage)

and you will also need to set each of the X and Y positions for displaying the data to position the data where the station is on the map
i.e this part of the code:

<g style="&st3;&st10;">
  <text id="StationName" text-anchor="middle" x="300" y="125" fill="yellow"> </text>
</g>

<g style="&st3;&st10;">
  <text id="StationName2" text-anchor="middle" x="410" y="305" fill="yellow"> </text>
</g>

<g style="&st3;&st10;">
  <text id="StationName3" text-anchor="middle" x="189" y="260" fill="yellow"> </text>
</g>

<g style="&st3;&st9;&st7;">
  <text id="MT" text-anchor="middle" x="300" y="136" fill="yellow">  </text>
	
</g>

<g style="&st3;&st9;&st7;">
  <text id="MT2" text-anchor="middle" x="410" y="316" fill="yellow">  </text>
	
</g>

<g style="&st3;&st9;&st7;">
  <text id="MT3" text-anchor="middle" x="189" y="271" fill="yellow">  </text>
	
</g>

<g style="&st3;&st9;&st7;">
  <text id="direction" text-anchor="middle" x="300" y="147" fill="yellow">  </text>
</g>

<g style="&st3;&st9;&st7;">
  <text id="direction2" text-anchor="middle" x="410" y="327" fill="yellow">  </text>
</g>

<g style="&st3;&st9;&st7;">
  <text id="direction3" text-anchor="middle" x="189" y="282" fill="yellow">  </text>
</g>

<g id="WindGust" style="&st3;&st9;&st7;">
  <text text-anchor="middle" id="WG" x="300" y="158" fill="yellow"> </text>

</g>

<g id="WindGust2" style="&st3;&st9;&st7;">
  <text text-anchor="middle" id="WG2" x="410" y="338" fill="yellow"> </text>

</g>

<g id="WindGust" style="&st3;&st9;&st7;">
  <text text-anchor="middle" id="WG3" x="189" y="293" fill="yellow"> </text>

</g>

thats all there is too it