I'm wondering how i can show custom markers (just change the default icon
really) on my Yahoo Map (Ajax) when using GeoRSS. I have the following code but
i cannot get the icon to show:
<script type="text/javascript" language="JavaScript">
function StartYMap() {
var map = new YMap(document.getElementById('mapDiv'));
map.setMapType(YAHOO_MAP_SAT);
map.addTypeControl();
map.addPanControl();
map.addZoomLong();
function doStart(eventObj) {
var defaultEventObject = eventObj;
}
function doEnd(eventObj) {
var defaultEventObject = eventObj;
map.smoothMoveByXY(new YCoordPoint(10,50));
}
YEvent.Capture(map,EventsList.onStartGeoRSS, function(eventObj) {
doStart(eventObj); });
YEvent.Capture(map,EventsList.onEndGeoRSS, function(eventObj) {
doEnd(eventObj); });
map.addOverlay(new YGeoRSS('http://www.surfacewatch.com[*rss_geo_link*]'));
function createCustomMarkerImage(){
var myImage = new YImage();
myImage.src =
'http://www.surfacewatch.com/assets/images/map_icon.png';
myImage.size = new YSize(20,20);
myImage.offsetSmartWindow = new YCoordPoint(0,0);
return myImage;
}
}
window.onload = StartYMap;
</script>