function afrika() {
var zoom = 2;
map.setCenter(new GLatLng(-3.996167,37.552722), zoom);
$('.sidebar').slideUp(1000);
$('#map').find('img[src*="pointer_"]:not([src$="_eingang.png"])').hide();
$('#map').find('img[src$="_eingang.png"]').show();
return false;
};
function tansania() {
var zoom = 11;
map.setCenter(new GLatLng(-3.289032,37.4893), zoom);
$('.sidebar').slideDown(1000);
$('#map').find('img[src*="pointer_"]:not([src$="_eingang.png"])').show();
$('#map').find('img[src$="_eingang.png"]').hide();
return false;
};
$(document).ready(function() {
$('.sidebar').hide();
$('#map').find('img[src*="pointer_"]:not([src$="_eingang.png"])').hide();
$('Tansania').appendTo('#map').click(tansania);
$('Afrika').appendTo('#map').click(afrika);
$('.sidebar')
.prepend('Aktuelle Projekte
')
.prepend('Nur medizinische Einrichtungen')
.prepend('Nur Kirchen')
.prepend('Alles anzeigen');
$('.sidebar a[class^="nur_"]').click(function() {
var klasse= $(this).attr('class');
if(klasse == 'nur_haus') {
$('#map').find('img[src*="pointer_"]').hide();
$('#map').find('img[src*="pointer_haus.png"]').show();
} else if (klasse == 'nur_kreuz') {
$('#map').find('img[src$="_haus.png"]').hide();
$('#map').find('img[src*="pointer_"]:not([src$="_eingang.png"]):not([src$="_haus.png"])').show();
}
return false;
});
$('.sidebar a[class="alles"]').click(function() {
$('#map').find('img[src*="pointer_"]:not([src$="_eingang.png"])').show();
return false;
});
$('.sidebar a').animate({ opacity: 0.6 }, 100).hover(function() {
$(this).animate({ opacity: 0.999 }, 100);
}, function() {
$(this).animate({ opacity: 0.6 }, 100);
});
$('.sidebar a').each(function(nr) {
if(nr > 5) {
$(this).addClass('notactive');
};
if(nr == 3) {
$(this).hide().next().hide();
}
});
});
if (GBrowserIsCompatible()) {
// === Create a custom Control ===
var labelContainer;
function LabelControl() { }
LabelControl.prototype = new GControl();
LabelControl.prototype.initialize = function(map) {
labelContainer = document.createElement("div");
labelContainer.className="sidebar";
map.getContainer().appendChild(labelContainer);
return labelContainer;
}
LabelControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 33));
}
// === This function picks up the click and opens the corresponding info window ===
function myclick(i) {
GEvent.trigger(gmarkers[i], "click");
}
// === Create the map ===
var zoom = 2;
var map = new GMap2(document.getElementById("map"), { mapTypes:[G_PHYSICAL_MAP] });
map.addControl(new LabelControl());
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(-3.286167,37.552722), zoom);
// === eigener Pointer ===
var baseIcon = new GIcon();
baseIcon.iconSize=new GSize(32,32);
baseIcon.shadowSize=new GSize(56,32);
baseIcon.iconAnchor=new GPoint(16,32);
baseIcon.infoWindowAnchor=new GPoint(16,0);
var hospital = new GIcon(
baseIcon, "grafiken/pointer_kreuz.png",
null,
"grafiken/pointer_kreuzs.png"
);
var haus = new GIcon(
baseIcon, "grafiken/pointer_haus.png",
null,
"grafiken/pointer_hauss.png"
);
var baseIcon2 = new GIcon();
baseIcon2.iconSize=new GSize(189,55);
baseIcon2.shadowSize=new GSize(166,32);
baseIcon2.iconAnchor=new GPoint(16,32);
baseIcon2.infoWindowAnchor=new GPoint(16,0);
var eingang = new GIcon(
baseIcon2,
"grafiken/pointer_eingang.png",
null,
null
);
var baseIcon3 = new GIcon();
baseIcon3.iconSize=new GSize(35,38);
baseIcon3.shadowSize=new GSize(35,38);
baseIcon3.iconAnchor=new GPoint(16,32);
baseIcon3.infoWindowAnchor=new GPoint(16,0);
var aktiv = new GIcon(
baseIcon3,
"grafiken/pointer_aktiv.png",
null,
null
);
var baseIcon4 = new GIcon();
baseIcon4.iconSize=new GSize(27,27);
baseIcon4.shadowSize=new GSize(27,27);
baseIcon4.iconAnchor=new GPoint(16,32);
baseIcon4.infoWindowAnchor=new GPoint(16,0);
var health = new GIcon(
baseIcon4,
"grafiken/pointer_blau.png",
null,
null
);
var baseIcon5 = new GIcon();
baseIcon5.iconSize=new GSize(17,17);
baseIcon5.shadowSize=new GSize(17,17);
baseIcon5.iconAnchor=new GPoint(16,32);
baseIcon5.infoWindowAnchor=new GPoint(16,0);
var mch = new GIcon(
baseIcon5,
"grafiken/pointer_gruen.png",
null,
null
);
var baseIcon6 = new GIcon();
baseIcon6.iconSize=new GSize(23,22);
baseIcon6.shadowSize=new GSize(32,22);
baseIcon6.iconAnchor=new GPoint(16,32);
baseIcon6.infoWindowAnchor=new GPoint(16,0);
var dispensary = new GIcon(
baseIcon6,
"grafiken/pointer_orange.png",
null,
null
);
var baseIcon7 = new GIcon();
baseIcon7.iconSize=new GSize(28,29);
baseIcon7.shadowSize=new GSize(28,29);
baseIcon7.iconAnchor=new GPoint(16,32);
baseIcon7.infoWindowAnchor=new GPoint(16,0);
var dispensary_aktiv = new GIcon(
baseIcon7,
"grafiken/pointer_orangeaktiv.png",
null,
null
);
// === A function to create the marker and set up the event window ===
var gmarkers = [];
var i=0;
var side_bar_html = "";
function createMarker(point,name,html,icon) {
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
// save the info we need to use later for the side_bar
gmarkers[i] = marker;
// add a line to the side_bar html
side_bar_html += '' + name + '
';
i++;
return marker;
}
// === add the points ===
var point = new GLatLng(-6.369028,34.888822);
var marker = createMarker(point, "Tansania", "TANSANIA
ELCT Health Department - Northern District
Kooperationen mit medizinischen Einrichtungen
unterschiedlicher Größen.
Tansania", eingang)
map.addOverlay(marker);
var point = new GLatLng(-3.338543,37.34296);
var marker = createMarker(point, "KCMC Moshi", "Einrichtung: Kilimanjaro Christian
Medical Centre
Partner: Universitätsklinikum
Schleswig-Holstein
Projekte: Wissenstransfer", aktiv)
map.addOverlay(marker);
var point = new GLatLng(-3.273248,37.577306);
var marker = createMarker(point, "Uuwo Dispensary", "Einrichtung: Uuwo Dispensary
Partner: Park-Klinik Kiel
Projekte: Partnerschaftsvertrag
finanzielle Unterstützung
mehr >>", dispensary_aktiv)
map.addOverlay(marker);
var point = new GLatLng(-3.260023,37.555475);
var marker = createMarker(point, "Kimyamvuo Dispensary", "Einrichtung: Kimyamvuo Dispensary
Partner: gesucht!", dispensary)
map.addOverlay(marker);
var point = new GLatLng(-3.261737,37.545004);
var marker = createMarker(point, "Mboni Dispensary-church", "Einrichtung: Mboni Dispensary-church
Partner: gesucht!", dispensary)
map.addOverlay(marker);
var point = new GLatLng(-3.266022,37.538481);
var marker = createMarker(point, "Kokirie Hospital", "Einrichtung: Kokirie Hospital
Partner: gesucht!", hospital)
map.addOverlay(marker);
var point = new GLatLng(-3.266522,37.534481);
var marker = createMarker(point, "Kokirie Church", "Einrichtung: Kokirie Church
", haus)
map.addOverlay(marker);
var point = new GLatLng(-3.284648,37.587306);
var marker = createMarker(point, "Uuwo Church", "Einrichtung: Uuwo Church", haus)
map.addOverlay(marker);
var point = new GLatLng(-3.280994,37.520889);
var marker = createMarker(point, "Marangu Hospital", "Einrichtung: Marangu Hospital
Partner: gesucht!", hospital)
map.addOverlay(marker);
var point = new GLatLng(-3.305,37.496444);
var marker = createMarker(point, "Kilema Hospital", "Einrichtung: Kilema Hospital
Partner: gesucht!",hospital)
map.addOverlay(marker);
var point = new GLatLng(-3.306,37.50000);
var marker = createMarker(point, "Kilema Church & School", "Einrichtung: Kilema Church & School", haus)
map.addOverlay(marker);
var point = new GLatLng(-3.286167,37.562722);
var marker = createMarker(point, "Mwika Health centre", "Einrichtung: Mwika Health centre
Partner: gesucht!", health)
map.addOverlay(marker);
var point = new GLatLng(-3.26675,37.566306);
var marker = createMarker(point, "Lole kirchliche Dispensary", "Einrichtung: Lole kirchliche Dispensary
Partner: gesucht!", dispensary)
map.addOverlay(marker);
var point = new GLatLng(-3.294917,37.573194);
var marker = createMarker(point, "Shokony Dispensary", "Einrichtung: Shokony Dispensary
Partner: gesucht!", dispensary)
map.addOverlay(marker);
var point = new GLatLng(-3.294917,37.573194);
var marker = createMarker(point, "Uchira Dispensary", "Einrichtung: Uchira Dispensary
Partner: gesucht!", dispensary)
map.addOverlay(marker);
// === put the assembled side_bar_html contents into the custom control ===
labelContainer.innerHTML = side_bar_html;
}