Da hier doch Interesse an einer Anleitung besteht und ich durch PN danach gefagt worden bin,will ich sie mal hier öffentlich schreiben,weil ich es nicht korrekt finde,wenn Lösungen per PN gegeben werden,was den Sinn eines Support verfehlt.
Es wäre von sehr großen Vorteil,wenn man sich bei dieser Aktion in Javascript auskennen würde.
Die Basis zu dieser Anleitung habe ich von Sabine99 ihren Script entnommen und noch vervollständigt,damit z.B. auch schon eingegebene "gelbe" Orte angezeigt werden und wo kein Gruppenname angegeben wird,der Ort trotzdem angezeigt wird.
Bevor Änderungen an der Template vorgenommen werden,würde ich den jetzigen Templateabschnitt sichern,damit ich den bei einer Fehleingabe wieder in den vorigen Zustand zurückkopieren kann.
In der Template "Landkarte" diesen Abschnitt löschen:
1
2
3
4
5
6
7
8
var orticon = new GIcon();
orticon.image = "http://labs.google.com/ridefinder/images/mm_20_yellow.png";
orticon.shadow = "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);
Und dafür habe ich 4 neue Pin-Farben plus die Gelbe neu definiert,die dann für den oberen gelöschten Abschnitt neu eingesetzt werden muß:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
var orticon1 = new GIcon();
orticon1.image = "http://labs.google.com/ridefinder/images/mm_20_yellow.png";
orticon1.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon1.iconSize = new GSize(12, 20);
orticon1.shadowSize = new GSize(22, 20);
orticon1.iconAnchor = new GPoint(6, 20);
orticon1.infoWindowAnchor = new GPoint(5, 1);
var orticon2 = new GIcon();
orticon2.image = "http://labs.google.com/ridefinder/images/mm_20_brown.png";
orticon2.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon2.iconSize = new GSize(12, 20);
orticon2.shadowSize = new GSize(22, 20);
orticon2.iconAnchor = new GPoint(6, 20);
orticon2.infoWindowAnchor = new GPoint(5, 1);
var orticon3 = new GIcon();
orticon3.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";
orticon3.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon3.iconSize = new GSize(12, 20);
orticon3.shadowSize = new GSize(22, 20);
orticon3.iconAnchor = new GPoint(6, 20);
orticon3.infoWindowAnchor = new GPoint(5, 1);
var orticon4 = new GIcon();
orticon4.image = "http://labs.google.com/ridefinder/images/mm_20_black.png";
orticon4.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon4.iconSize = new GSize(12, 20);
orticon4.shadowSize = new GSize(22, 20);
orticon4.iconAnchor = new GPoint(6, 20);
orticon4.infoWindowAnchor = new GPoint(5, 1);
var orticon5 = new GIcon();
orticon5.image = "http://labs.google.com/ridefinder/images/mm_20_blue.png";
orticon5.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon5.iconSize = new GSize(12, 20);
orticon5.shadowSize = new GSize(22, 20);
orticon5.iconAnchor = new GPoint(6, 20);
orticon5.infoWindowAnchor = new GPoint(5, 1);
Danach die komplette Funktion "createOrt" löschen:
1
2
3
4
5
6
7
8
9
10
11
12
13
function createOrt(data)
{
var point = new GPoint(data[0], data[1]);
var marker = new GMarker(point, {icon:orticon, title:data[2]});
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;
}
und dafür die neue Funktion "createOrt" einfügen:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function createOrt(data)
{
var point = new GPoint(data[0], data[1]);
var ballon = data[2].indexOf(':');
var type = data[2].substring(0,ballon);
var name = data[2].substring(ballon+1,data[2].length);
if(type == 'neuer') var marker = new GMarker(point, orticon5);
else if(type == 'mod') var marker = new GMarker(point, orticon2);
else if(type == 'admin') var marker = new GMarker(point, orticon3);
else if(type == 'gast') var marker = new GMarker(point, orticon4);
else var marker = new GMarker(point, orticon1);
var html = "<div style='width:280px;height:120px;overflow:auto;color:#000000'><b>" + name + "</b><br>" + data[3] +"</div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
In dieser Funktion habe ich 4 neue Gruppennamen definiert "neuer,mod,admin,gast".Diese Namen kann man im Script durch seine Namen einfach austauschen:
if(type == 'neuer') var marker = new GMarker(point, orticon5);
else if(type == 'mod') var marker = new GMarker(point, orticon2);
else if(type == 'admin') var marker = new GMarker(point, orticon3);
else if(type == 'gast') var marker = new GMarker(point, orticon4);
Nun kommt die spezielle Eingabe im Adminmenü unter "Extras -> Landkarte" das untere Fenster "Einen Ort hinzufügen".
Im Eingabefenster in der Zeile "Titel" kann man nun den Gruppenname gefolgt von einen Doppelpunkt eingeben und danach noch einen Text dazu schreiben,der dann im Popupfenster in der Landkarte angezeigt wird.
Beispiel:
admin:Hier hat Karl mal gewohnt.
oder
mod:Hier wohnt die Tochter von Heinz.
Der Doppelpunkt ist wichtig,weil das Script diesen Doppelpunkt auswertet und dadurch weiß,daß das erste Wort vor den Doppelpunkt ein Gruppenname ist.Natürlich muß der Gruppenname mit den Namen im Script genau übereinstimmen,sonst wird es "nur" als gelben Ort angezeigt.
Eine Eingabe ohne Gruppenname ist auch möglich,wird dann auch als ganz normalen gelben Pin angezeigt.
Jede der 4 Gruppen "neuer,mod,admin,gast" bekommt dann eine andere Pinfarbe in der Landkarte.
Die "normale" Eingabe von den Usern (rote Pinfarbe),wird durch diese Aktion nicht berührt.
Hier im Beispiel wurden nur 4 neue Farben definiert,aber die können noch erweitert werden.
Gruß
Olaf
