Wie rendert ein Bild mit Landkarte mit JSF/Richfaces?

Ich möchten, führen Sie die folgende Aufgabe mit Hilfe von JSF /Richfaces

Klicken Sie auf den link ich möchte das generieren eines PNG-Bildes mit Karte (Teil des Bildes sein sollte, das man anklicken kann) und render unter einem panel.

Wenn ich generieren das Bild, ich kenne die Koordinaten, das Bild muss man anklicken kann. So kann ich das generieren der Karte. Aber ich will es tun, unter einer XHTML-Datei. Kann reichen:paint2d tag akzeptieren die Karte wie -

<map name="mapGraph">
    <area coords="754,378 20" href="http://google.com" shape="Circle" alt="Drill Down">
    <area coords="33,439 20" href="http://google.com" shape="Circle" alt="Drill Down">
    <area coords="393,425 20" href="http://google.com" shape="Circle" alt="Drill Down">
    <area coords="573,378 20" href="http://google.com" shape="Circle" alt="Drill Down">
    <area coords="213,407 20" href="http://yahoo.com" shape="Circle" alt="Drill Down">
</map>

InformationsquelleAutor Shamik | 2009-03-19

  1. 1

    Es gibt keine Standard-Weg, dies zu erreichen. Nur so entwickeln Sie Ihre eigenen JSF-benutzerdefinierte Komponente. Ich entwickelte mein eigenes JSF-tag wie <custom:image id = "im1" width="800px" height="400px" useMap="dwMap"/>. Die JSF-engne, wenn findet diesem tag - rendert ein html-tag "img" mit einer Karte wie 

    <img  width="800" border="0" height="400" useMap="#dwMap" src="/imageB94DFA031CA999EE65ED586627F630BE.png"/>
<map name="dwMap"><area coords="735,225 20" shape="Circle" onMouseOver="call('735,225 20')" title="Start Time : 2009-02-16 15:32:48
End Time : 2009-02-16 15:34:59" /><area coords="570,225 20" shape="Circle" onMouseOver="call('570,225 20')" title="Start Time : 2009-02-16 15:32:27
End Time : 2009-02-16 15:32:39" /><area coords="405,237 20" shape="Circle" onMouseOver="call('405,237 20')" title="Start Time : 2009-02-16 15:14:41
End Time : 2009-02-16 15:16:58" /><area coords="241,215 20" shape="Circle" onMouseOver="call('241,215 20')" title="Start Time : 2009-02-16 15:13:50
End Time : 2009-02-16 15:14:00" /><area coords="76,181 20" shape="Circle" onMouseOver="call('76,181 20')" title="Start Time : 2009-02-13 17:57:31
End Time : 2009-02-13 17:58:18" /></map>

    Obwohl es kompliziert klingt, zu entwickeln, die eine benutzerdefinierte Komponente in JSF, aber es ist wirklich einfach. Führen können den Artikel "JSF für die Nichtgläubigen" von Richard Hightower und der Entwicklung einer benutzerdefinierten Komponente wird so einfach wie möglich.

    InformationsquelleAutor Shamik

Schreibe einen Kommentar