RE: Meinungen über die AllyPage und das Layout des Forums! - 3

{{today@dateformat.start}}Heute{{today@dateformat.end}}
{{yesterday@dateformat.start}}Gestern{{yesterday@dateformat.end}}
{{norm@dateformat.start}}%d.%m.%Y{{norm@dateformat.end}}


<table cellpadding=4 cellspacing=0 width=100%><tr><td class=ntit>&nbsp;{[map_title]}</td></tr>
<td class=nnor>
<div id="map" style="width: 100%; height: 650px"></div>
<br>
<img src="<a href="<a href="http://labs.google.com/ridefinder/images/mm_20_yellow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_yellow.png" target="_blank"><a href="http://labs.google.com/ridefinder/images/mm_20_yellow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_yellow.png"> {[map_location_special]}<br>
<img src="<a href="<a href="http://labs.google.com/ridefinder/images/mm_20_red.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_red.png" target="_blank"><a href="http://labs.google.com/ridefinder/images/mm_20_red.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_red.png"> {[map_location_members]}<br>
<small>{[map_info_mydata]}</small>

</td></tr></table>



{{endbody.start}}
<script src="<a href="<a href="http://maps.google.com/maps?file=api&v=2&key" target="_blank">http://maps.google.com/maps?file=api&v=2&key" target="_blank"><a href="http://maps.google.com/maps?file=api&v=2&key" target="_blank">http://maps.google.com/maps?file=api&v=2&key={{api}}" type="text/javascript"></script>
<script type="text/javascript" defer="defer">
var select_userid = '';
var select_point1 = 0;
var select_point2 = 0;
var select_html = '';
var query = location.search;
if(query.length > 0) {
query = query.substring(1, query.length);
var elements = query.split('&');
for (i = 0; i < elements.length; i++) {
var assign = elements[i].split('=');
if(assign[0] == 'userid') {
select_userid = assign[1];
break;
}
}
}
//<![CDATA[
// Create our "tiny" marker icon
var icon = new GIcon();
icon.image = "<a href="<a href="http://labs.google.com/ridefinder/images/mm_20_red.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_red.png" target="_blank"><a href="http://labs.google.com/ridefinder/images/mm_20_red.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "<a href="<a href="http://labs.google.com/ridefinder/images/mm_20_shadow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_shadow.png" target="_blank"><a href="http://labs.google.com/ridefinder/images/mm_20_shadow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

var orticon = new GIcon();
orticon.image = "<a href="<a href="http://labs.google.com/ridefinder/images/mm_20_yellow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_yellow.png" target="_blank"><a href="http://labs.google.com/ridefinder/images/mm_20_yellow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_yellow.png";
orticon.shadow = "<a href="<a href="http://labs.google.com/ridefinder/images/mm_20_shadow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_shadow.png" target="_blank"><a href="http://labs.google.com/ridefinder/images/mm_20_shadow.png" target="_blank">http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon.iconSize = new GSize(12, 20);
orticon.shadowSize = new GSize(22, 20);
orticon.iconAnchor = new GPoint(6, 20);
orticon.infoWindowAnchor = new GPoint(5, 1);

var map = new GMap(document.getElementById("map"));
map.setMapType(G_HYBRID_TYPE);
// map.addControl(new GSmallMapControl());
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint({{startX}},{{startY}}),{{startZoom}});

function createUser(data)
{
var point = new GPoint(data[0], data[1]);
var marker = new GMarker(point, icon);
var html = "<div style='width:280px;height:120px;color:#000000'>";
if(data[3].length>3) html += '<img src="'+data[3]+'" align=right width=65 height=75>';
if(data[8].length>2) html += '<a href="' + data[8] + '">';
if(data[5].length>2) html += '<span style="color:' + data[5] + '">';
html += '<b>' + data[2] + '</b>';
if(data[5].length>2) html += '</span>';
if(data[8].length>2) html += '</a>';
html += "<br>" + data[4] + "<br>";
html += '{[map_member_messages]} ' + data[6] + '<br>{[map_member_signup_date]} ' + data[7];
html += "</div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
var userid = data[8].substring(1, data[8].length).split('_')[0];
if(select_userid == userid) {
select_point1 = data[0];
select_point2 = data[1];
select_html = html;
}

return marker;
}
function createOrt(data)
{
var point = new GPoint(data[0], data[1]);
var marker = new GMarker(point, orticon);
var html = "<div style='width:280px;height:120px;overflow:auto;color:#000000'><b>" + data[2] + "</b><br>" + data[3];
html += "</div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});

return marker;
}
users = new Array(
{{users.startlist}}{{tr}}
new Array({{users:x}},{{users:y}},'{{users:username}}','{{users:userimage}}','{{users:usertitle}}','{{users:usercolor}}','{{users:messages}}','{{users:reged|dateformat}}','{{users:userlink}}') {{tr.start}},{{tr.end}}{{users.end}}
);
for (var i = 0; i < users.length; i++) {
var marker = createUser(users[i]);
map.addOverlay(marker);
}
orte = new Array(
{{orte.startlist}}
{{tr2}} new Array({{orte:x}},{{orte:y}},'{{orte:title}}','{{orte:text}}')
{{tr2.start}},{{tr2.end}}
{{orte.end}}
);
for (var i = 0; i < orte.length; i++) {
var marker = createOrt(orte[i]);
map.addOverlay(marker);
}

//]]>
if(select_point1 > 0 && select_point2 > 0) {
map.centerAndZoom(new GPoint(select_point1,select_point2),2);
map.openInfoWindow(map.getCenter(),select_html);
}
</script>
{{endbody.end}}