NOABL UK Wind Map

NOABL UK Wind Map - Notes

Home

About Us

Site Planner

Weather Data

Calculators

Services

Projects

Information Pages

Member Forums

Registration

RenSMART has taken the NOABL UK Wind Database and converted is to a set of image tiles that overlay onto an interactive map. The tiles are delivered from our dedicated tile server as required.

The NOABL UK Wind Map tile set is intended for use as an overlay with the free Google Maps Service. You will need to obtain a Google Map key to display their map. You can apply for one here http://code.google.com/apis/maps/signup.html

RenSMART offers web sites use of our tile server for a fee details of which you can find on our Data Services page.

Below are the details of how to implement the map on your site. You can see an example of the result here

Adding the Map

Once you have a Google maps key, you will need to add the following to the head of your web page: Replace (your Google Maps key) with your Google maps key
<script src="http://maps.google.com/maps?file=api&v=2&key=(your Google Maps key)" type="text/javascript"></script> This is the free code from Google to display the interactive map
<script type="text/javascript" src="http://www.google.com/jsapi?key=(your Google Maps key)" type="text/javascript"></script> This is the free code from Google to look up locations on the map
<script src="http://www.rensmart.com/DataServices/noabl-map.js"></script> This is the code from RenSMART to add the overlay to the map

Initialising the Map

To create the map, you must call initMap with two parameters when the page has loaded. The first parameter is the id of the div tag (see notes below) that is to display your map. The second parameter is the key for the data set you wish to overlay. <BODY onLoad="initMap('map','data-set-25');"> for the 25 metre overlay
<BODY onLoad="initMap('map','data-set-45');"> for the 45 metre overlay

Adding an Address Lookup service

Add this html to your page to find postcodes on the map. (It also works with addresses and place names) <input type="text" onChange="lookUpPostcode('postcode');" id="postcode"><input type="button" value="Go" onclick="lookUpPostcode('postcode');return false;"> The service is supplied for free by Google

Positioning the Map

Add this html to your page where you want to display the map. You can set the map size by setting the width and height. <div id="map" style="width: 800px; height: 600px"></div>
Add this html to your page to display a map key on your page. <img src="http://www.rensmart.com/DataServices/key.png" border="0">

You can see an example of the result here

Adding the Map

Initialising the Map

Adding an Address Lookup service

Positioning the Map

Help and Support