1. var rules = {
  2. // "unsere" gmap-Class:
  3. '.gmaplayer' : function(el) {
  4. var id;
  5. if (!id) id= 'gmap_' + 1000* Math.random(100);
  6. el.onclick = function(event) {
  7. var gps = el.title.split(',');
  8. var xpos = Event.pointerX(event) -300;
  9. var ypos = Event.pointerY(event) -30;
  10. var wrapper = document.createElement("div");
  11. wrapper.style.width='660px';
  12. wrapper.style.height='220px';
  13. wrapper.style.zIndex='9999';
  14. wrapper.style.position='absolute';
  15. wrapper.style.top =ypos+ 'px';
  16. wrapper.style.left =xpos+ 'px';
  17. wrapper.id = id;
  18. document.getElementsByTagName("body").item(0).appendChild(wrapper);
  19. Element.setOpacity(wrapper,'0.95');
  20. var map = new GMap2($(id));
  21. var pin = new GIcon("http://familientagebuch.de/rainer/img/pin.gif");
  22. var marker = new GMarker(new GLatLng(gps[0],gps[1],pin));
  23. map.setMapType(G_HYBRID_TYPE);
  24. map.addControl(new GSmallMapControl());
  25. map.setCenter(new GLatLng(gps[0],gps[1]),17);
  26. map.addOverlay(marker);
  27. var butt = document.createElement("input");
  28. butt.type='button';
  29. butt.onclick=function(){Effect.Fade($(id));};
  30. butt.value ='schließen';
  31. butt.setStyle({ position:'relative',
  32. right:'-50px',top:'10px',zIndex:'9999',
  33. backgroundColor:'white',fontSize:'8pt'});
  34. $(id).firstChild.appendChild(butt);
  35. };
  36. };
  37.  
  38. Event.observe(window, 'load', function () {
  39. Behaviour.register(rules);
  40. Behaviour.apply(rules);}
  41. );
  42.