In een eerder artikel is besproken hoe u Google Maps kunt gebruiken met de Teamspirit Content Management Tool van e-office. In dit artikel bekijken we hoe Google Maps te gebruiken is in combinatie met gewone Lotus Notes documenten.

Stel u heeft een database met daarin documenten die gekoppeld zijn aan een bepaalde locatie, Bijvoorbeeld projecten die door uw organisatie worden uitgevoerd in verschillende landen. Omdat deze projecten plaatsvinden in gebieden waar niet altijd een specifiek adres aan te koppelen is, willen we voor de projectbeheerder een mogelijkheid maken om in Google Maps de locatie voor een project aan te wijzen. Daarnaast kan hij de lengte- en breedte-graden van deze locatie opslaan in het betreffende projectdocument. Voor de gebruikers van de database willen we een mogelijkheid maken om de locatie van een project in Google Maps te openen vanuit het projectdocument.

opslaan van de locatie in een Lotus Notes document
Om de Google Maps coördinaten op een Lotus Notes document op te kunnen slaan openen we het betreffende document in een dialoog pop up venster in de browser. Hiertoe dient op de server wel de http-taak te draaien. We gebruiken voor de pop up een aangepast formulier met alleen een Google Maps kaartje en knoppen voor “Annuleren” en “Opslaan en sluiten”.

Op het formulier staan twee verborgen velden om de lengtegraad (latitude) en breedtegraad (longitude) op te slaan en er is een container-div om de kaart in te tonen.

Klik om de afbeelding te vergroten
het formulier dat wordt gebruikt om het Lotus Notes document te tonen

In de HTML Head Content staat de aanroep naar Google Maps met daarin ook de Google Maps API key die gratis is aan te vragen via Google.

HTML Head Content

In de javascript header van het formulier staat een functie om de kaart in de container-div te tonen met startcoördinaten en een zoom-level. Ook worden hier in de onclick-event de aangeklikte coördinaten in de latitude- en longitude-velden gezet.

JS Header

In de HTML Body Attributes van het formulier staat de onload functie die de pop up in het goede formaat zet en de showGoogleMaps functie aanroept:

HTML Body Attributes

In het $$Return-veld staat de HTML die er oor zorgt dat de dialoog weer gesloten wordt na een submit.

$$Return-veld

Om ervoor te zorgen dat het formulier-veld gevuld blijft met het oorspronkelijke “Project” formulier wordt in de WebQuerySave een agent aangeroepen.

Code voor WebQuerySave agent

Tenslotte maken we in een view een actie waarmee de projectbeheerder de pop-up kan openen voor het geselecteerde projectdocument. Om het document te openen met het door ons gemaakte formulier gebruiken we de webEditProject view die een Form Formula bevat met de naam van het formulier.

Klik om de afbeelding te vergroten
View action om dialoog-pop up te openen


tonen van de locatie vanuit een Lotus Notes document
Om de locatie te tonen die we in de vorige stap hebben opgeslagen in een Lotus Notes document kunnen we op het Notes formulier een Computed text element maken. Als we hier Pass-thru HTML van maken en in de form properties Render passthrough HTML in Notes aan vinken krijgen we een link die de locatie in Google Maps opent.

Klik om de afbeelding te vergroten
Computed text element om locatie te openen vanuit een notes document

Het is ook mogelijk om de Google Maps locatie al meteen te openen in een apart frame binnen de Notes client. In een eerder artikel is beschreven hoe hierbij te werk gegaan kan worden.