Open Layers Pop-Up

I ett tidigare inlägg så skapade jag ett fotolager i Google Earth med skräddarsydda ”balongfönster”, med data från GeoServer.

I slutet på det inlägget så nämner jag att jag ville göra samma sak med Open Layers, men inte riktigt lyckats.

Nu har jag äntligen fått lite tid att testa igen, och lyckats lösa problemet.

Det var inte så svårt egentligen, men det skall ju göras också.

På samma ställe som filen description.ftl skapades i den tidigare artikeln så skapar man helt enkelt en fil till med namnet content.ftl. I denna skriver man med en särskild syntax som till del går att återfinna i dokumentationen till GeoServer.

<#list features as feature>
<#list feature.attributes as attribute>

– Vill man göra något speciellt med något attribut så måste man testa vilket attributet är:

<#if attribute.name=”gid”>
<a target=Nytt href=”http://88.206.201.252/fotoedit.php?Id=${attribute.value}”>Redigera / S&ouml;k</a><br>
</#if>
<#if attribute.name=”bild_s”>
<img src=”${attribute.value}”><br>
</#if>
<#if attribute.name=”bild”>
<a target=Nytt href=”${attribute.value}”>Visa Bild</a><br>
</#if>

</#list>
</#list>

Mitt skript ovan är unikt för min sida, men principen för syntaxen är:

– Attributens namn och deras värden ”loopas” igenom.
– Värden testas mot ”attribute.name” och ”attribute.value”
– Värden placeras in med ${attribute.name} och ${attribute.value}
Vill du titta på resultatet så är den gamla sidan fortfarande uppe.

20120312-225540.jpg

[EDIT]

Fick rätta till inlägget då det skript jag ville visa inte blev så bra när jag skrev inlägget på min iPad…

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s

%d bloggare gillar detta: