Page Comparison

...

In the following example we are passing a URL to the GeoRSS object.

Code Block

language	js
title	Example - From v5.4.0

liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        view:{easting:495553, northing:175654, zoom:2000},
        geoRSS: {
            url: 'http://www.somesite.co.uk/geoRSSurl.rss'
        }
});

Code Block

language	js
title	Example - Prior to v5.4.0

Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
    	view:{easting:495553, northing:175654, zoom:2000},
      	mapSource:'Workshop/AllMaps',
      	geoRSS: {
        	url: 'http://www.somesite.co.uk/geoRSSurl.rss'
      	}
	});
});

XML - When using an embedded GeoRSS feed

...

Using a JavaScript Variable

Code Block

language	js
title	Example - From v5.4.0

var xmlString = unescape( '%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%%3Crss%20version%3D%222.0%22 … %3C/rss%3E' );
 
liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        view:{easting:495553, northing:175654, zoom:2000},
        geoRSS: {
            xml: xmlString
        }
});

Code Block

language	js
title	Example - Prior to v5.4.0

var xmlString = unescape( '%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%%3Crss%20version%3D%222.0%22 … %3C/rss%3E' );
 
Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
   		view:{easting:495553, northing:175654, zoom:2000},
      	mapSource:'Workshop/AllMaps',
      	geoRSS: { 
        	xml: xmlString
      	}
	});
});

Using a Hidden Input field

Code Block

language	js
title	Example - From v5.4.0

<input type=”hidden” name=”xml” id=”xml” value=”%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%%3Crss%20version%3D%222.0%22 … %3C/rss%3E” />
 
var xmlString  = unescape( document.getElementById('xml').value );
 
liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        view:{easting:495553, northing:175654, zoom:2000}
        geoRSS: {
            xml: xmlString
        }
});

Code Block

language	js
title	Example - Prior to v5.4.0

<input type=”hidden” name=”xml” id=”xml” value=”%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%%3Crss%20version%3D%222.0%22 … %3C/rss%3E” />
 
var xmlString  = unescape( document.getElementById('xml').value );
 
Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
      	view:{easting:495553, northing:175654, zoom:2000},
      	mapSource:'Workshop/AllMaps',
      	geoRSS: { 
         	xml: xmlString
      	}
	});
});

...

The style property allows us to change the icon that is used for the markers. e.g.

Code Block

language	js
title	Example - From v5.4.0

var newStyle = new OpenLayers.Style({
	'externalGraphic': '/images/marker-blue.png',
   	'graphicHeight': 25,
   	'graphicWidth': 21,
   	'graphicXOffset': -10.5,
   	'graphicYOffset': -12.5
});
 
liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        layers: 'Primary Schools,Secondary Schools',
        view:{easting:495553, northing:175654, zoom:2000}
        geoRSS: {
            url: 'http://www.somesite.co.uk/geoRSSurl.rss',
            style: 'newStyle'
        }
});

Code Block

title	Example - Prior to v5.4.0

var newStyle = new OpenLayers.Style({
	'externalGraphic': '/images/marker-blue.png',
  	'graphicHeight': 25,
   	'graphicWidth': 21,
   	'graphicXOffset': -10.5,
   	'graphicYOffset': -12.5
});
 
Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
   		view:{easting:495553, northing:175654, zoom:2000},
      	mapSource:'Workshop/AllMaps',
   		geoRSS: { 
         	url: 'http://www.somesite.co.uk/geoRSSurl.rss',
         	style: 'newStyle'
      	}
	});
});

This would produce a map something like this:

...

Code Block

title	Example - From v5.4.0

liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        layers: 'Primary Schools,Secondary Schools',
        view:{easting:495553, northing:175654, zoom:2000},
        geoRSS: {
            url: 'http://www.somesite.co.uk/geoRSSurl.rss',
            popupSize: { new OpenLayers.Size(w: 250, h: 200) }
        }
});

Code Block

title	Example - Prior to v5.4.0

Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
   		view:{easting:495553, northing:175654, zoom:2000},
     	mapSource:'Workshop/AllMaps',
   		geoRSS: { 
         	url: 'http://www.somesite.co.uk/geoRSSurl.rss',
         	popupSize: new OpenLayers.Size(250, 200)
      	}
	});
});

...

Code Block

title	Example - From v5.4.0

liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        layers: 'Primary Schools,Secondary Schools',
        view:{easting:495553, northing:175654, zoom:2000},
        geoRSS: {
            url: 'http://www.somesite.co.uk/geoRSSurl.rss'
            popupType: OpenLayers.Popup.Anchored'anchored',
        }
});

Code Block

title	Example - Prior to v5.4.0

Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
   		view:{easting:495553, northing:175654, zoom:2000},
      	mapSource:'Workshop/AllMaps',
   		geoRSS: { 
         	url: 'http://www.somesite.co.uk/geoRSSurl.rss',
         	popupType: OpenLayers.Popup.Anchored
      	}
	});
});

...

Code Block

title	Example - From v5.4.0

liteMap.createMap('atMap', {
        mapSource: 'Workshop/AllMaps',
        layers: 'Primary Schools,Secondary Schools',
        view:{easting:495553, northing:175654, zoom:2000},
        geoRSS: {
            url: 'http://www.somesite.co.uk/geoRSSurl.rss',
            customPopup: true
        }
});

Code Block

title	Example - Prior to v5.4.0

Astun.JS.IncludeJS('lite',function() {
	$('atMap').map = new Astun.JS.Map('atMap',{
   		view:{easting:495553, northing:175654, zoom:2000},
      	mapSource:'Workshop/AllMaps',
   		geoRSS: { 
         	url: 'georssurlhttp://www.somesite.co.uk/geoRSSurl.rss',
         	customPopup: true
      	}
	});
});

...

Versions Compared

Old Version 5

New Version Current

Key

XML - When using an embedded GeoRSS feed

Using a JavaScript Variable

Using a Hidden Input field