var zoomlimit = 16;
var map;
var maptypetag;
var center;
var individualimage;
var mcOptions;
var markerCluster;
var markers = [];
var latLng;
var markerinfo;
var was;
var htmlbubble;
var marker;
var einlesen;
var infowindow = null;
var zoomlevel = 2;
var maximumzoomlevel;
var clcenter;
var id1;
var menuclusterinfo = 1;
var showdetails = 'Details anzeigen';
var zoomin = 'Heranzoomen';
var entries = 'Einträge';
var styles = [
[{
height: 53,
url: "/weltkarte/images/s1.png",
width: 53,
},
{
height: 56,
url: "/weltkarte/images/s2.png",
width: 56
},
{
height: 66,
url: "/weltkarte/images/s3.png",
width: 66
},
{
height: 78,
url: "/weltkarte/images/s4.png",
width: 78
},
{
height: 90,
url: "/weltkarte/images/s5.png",
width: 90
}]
];
function initialize() {
einlesen = sessions;
was = 'Sessions';	
center = new google.maps.LatLng(startlat, startlng);
map = new google.maps.Map(document.getElementById('map'), {
zoom: startzoomlevel,
maxZoom: zoomlimit,
center: center,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
if(startmaptype == 'terrain')
map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
if(startmaptype == 'roadmap')
map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
if(startmaptype == 'satellite')
map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
if(startmaptype == 'hybrid')
map.setMapTypeId(google.maps.MapTypeId.HYBRID);
var anzahl, zaehler = 0;
for(anzahl in einlesen.spotdata) {
zaehler++;
}
for (var i = 0; i < zaehler; i++) {
latLng = new google.maps.LatLng(einlesen.spotdata[i].lat, einlesen.spotdata[i].lng);
id1 = einlesen.spotdata[i].id;
individualimage = new google.maps.MarkerImage('https://www.dailydose.de/fotos/windsurfen/' + einlesen.spotdata[i].image_thumb + '_1_120x90.jpg',
new google.maps.Size(60,45), /* Originalgröße */
new google.maps.Point(0,0), /* Origin */
new google.maps.Point(30,22), /* Ankerpunkt */
new google.maps.Size(60,45)); /* skalierte Größe */
marker = new google.maps.Marker({
position: latLng,
optimized: false,
map: map,
icon: individualimage,
url: id1,
zIndex: parseFloat(id1)
});
google.maps.event.addListener(marker, "click", function() {
if(map.getMapTypeId() == google.maps.MapTypeId.ROADMAP)
{
maptypetag = "0";
}
if(map.getMapTypeId() == google.maps.MapTypeId.SATELLITE)
{
maptypetag = "1";
}
if(map.getMapTypeId() == google.maps.MapTypeId.HYBRID)
{
maptypetag = "2";
}
if(map.getMapTypeId() == google.maps.MapTypeId.TERRAIN)
{
maptypetag = "3";
}
document.location.href = 'https://www.dailydose.de/fotos/' + this.url + '.htm?lat='+this.position.lat()+'&lng='+this.position.lng()+'&zoomlevel='+map.getZoom()+'&maptypetag='+maptypetag;
});
google.maps.event.addListener( map, 'maptypeid_changed', function() { 
maptype = map.getMapTypeId();
});
google.maps.event.addListener( map, 'zoom_changed', function() { 
zoomlevel = map.getZoom();
infoWindow.close();
});
google.maps.event.addListener(map, 'center_changed', function() {
center = map.getCenter();
lat = center.lat();
lng = center.lng();
});
markers.push(marker);
}
/*maxZoom: 18, */
mcOptions = {gridSize: 45, styles: styles[0]};
markerCluster = new MarkerClusterer(map, markers, mcOptions);
var infoWindow = new google.maps.InfoWindow({
minWidth: 324, maxWidth: 324, minHeight: 150
});
var mymarkers;
google.maps.event.addListener(markerCluster, 'clusterclick', function (cluster) {
zoomlevel = map.getZoom();
mapTypeRegistry = map.mapTypes;
var currentMapTypeId = map.getMapTypeId();
var mapType = mapTypeRegistry.get(currentMapTypeId);
maximumzoomlevel = mapType.maxZoom;
if(zoomlevel == zoomlimit || zoomlevel == maximumzoomlevel)
{
clcenter = cluster.getCenter();
mymarkers = cluster.getMarkers();
if(map.getMapTypeId() == google.maps.MapTypeId.ROADMAP)
{
maptypetag = "0";
}
if(map.getMapTypeId() == google.maps.MapTypeId.SATELLITE)
{
maptypetag = "1";
}
if(map.getMapTypeId() == google.maps.MapTypeId.HYBRID)
{
maptypetag = "2";
}
if(map.getMapTypeId() == google.maps.MapTypeId.TERRAIN)
{
maptypetag = "3";
}
var html = '<div class="kartentext">Dieser Bereich enth&auml;lt '+cluster.getMarkers().length+' Fotos<br>';
var howlong = '';
if(cluster.getMarkers().length < 25) howlong = cluster.getMarkers().length;
else howlong = 25;
for(var i = 0; i < howlong; i++) {
html+='<a href="https://www.dailydose.de/fotos/'+mymarkers[i].getZIndex()+'.htm?lat='+mymarkers[i].getPosition().lat()+'&lng='+mymarkers[i].getPosition().lng()+'&zoomlevel='+zoomlevel+'&maptypetag='+maptypetag+'"><img src="' + mymarkers[i].getIcon().url + '" border="0" width="60" height="45" alt="'+showdetails+'" title="'+showdetails+'"/>'; 
/*if(i==4) html+='<br />';
if(i==9) html+='<br />';
if(i==14) html+='<br />';
if(i==19) html+='';*/
html+='</a>';
}
html+='</div>';
infoWindow.setContent(html);
infoWindow.setPosition(clcenter);
infoWindow.open(map);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
function deleteOverlays()
{
if (markers)
{
for (i in markers)
{
markers[i].setMap(null);
}
markers.length = 0;
}
}