CloudRF

Online radio planning

User Tools

Site Tools


publishing

Publishing

The beauty of using an online platform is sharing your work with your team or customers easily - and we don't charge you extra for this beyond the statutory hosting limits because it's your data. You can either embed a map in your website or share a public URL for your work.

To find unique links for your work, login to your archive, find the layer you want to share then select 'URL' in the download box on the right side of the table and click the download button. A popup will appear with your link which will take you to a fullscreen Google maps read-only view. This is ideal for sales people or as an external link for integration with other information systems.

HTML embed (Advanced)

For total control you can host the layer yourself. Please note a (free) Google maps API key is required. As before, login to your archive, find the layer you want to share then select 'HTML' in the download box on the right side of the table and click the download button. You will be redirected to a unique page which contains instructions on how to embed your image as well as an example map. To view the page's Javascript source code (required for embedding) right click and select 'View source'. Within the source code are comments which show you which section to copy-paste into your website.

Getting an API key

If you're new to Google maps you now require an API key. You can sign up for a free key at https://developers.google.com/maps/documentation/javascript/get-api-key. You will need to add your key in the Javascript source where it says YOURAPIKEYHERE so the finished thing looks like this:

<script src="https://maps.googleapis.com/maps/api/js?key=YOURAPIKEYHERE"></script>
<script>
var o;
function initialize() {
  var i = new google.maps.LatLng(54.809199996408,-3.6978792463545);
  var Bounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(54.340380726927,-4.8045796284531),
      new google.maps.LatLng(55.278019265888,-2.5911788642558));
  var Options = {
     zoom: 10, // Zoom level
     center: i,
     mapTypeId: google.maps.MapTypeId.TERRAIN
  };
  
  var gOpts = {
    opacity: 0.6 // Overlay transparency
  };
  
  var map = new google.maps.Map(document.getElementById('map'),Options);
  o = new google.maps.GroundOverlay('https://cloudrf.com/users/1/08082151_SOL_94.4326.png',Bounds,gOpts);
  o.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

<!-- COVERAGE BY CLOUDRF.COM -->

<div id="map" style="height: 800px; width: 900px;"></div>
Coverage maps by <a href='http://cloudrf.com'>CloudRF.com</a>

<!-- COPY PASTE ABOVE HERE -->

When testing your new code your may find the map fails to load. To debug the issue, right click and open the developer's console (inspect element in firefox). In there you should see error messages generated either by your browser or Google maps eg. Invalid API key.

Hosting it yourself

From the example code you have everything you need to host it yourself: The PNG image URL and the image Bounds (North,East,South,West). You can copy that image by downloading it and then upload it to your own website. If you're using a private network please bear in mind that an internet connection will be required for Google maps although you could also host the image on another GIS system.

Attribution and publishing rights

It's your data layer however you have no ownership of the underlying third party mapping. We only ask that you provide some attribution to say where the layer came from in the form of 'Coverage maps by CloudRF.com'. How you do this is up to you. You cannot print off Google maps for publication outside your organisation without Google's permission but internal use is ok. Hosting a Google map on your website is also ok providing it is free to view.

publishing.txt · Last modified: 2016/09/01 21:01 (external edit)