15 Paź 2009

Dynamiczne dodanie markera span

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <script src="debug_js.js" type="text/javascript"></script>
  <script language="JavaScript">
  <!--
 function getE(id) {
  return document.getElementById(id);
 }

 function test() {
  deb_write(deb_prop(getE('tests'),true));
 }

function test2() {
      var div = document.createElement("span");
      div.style.font = '12px Arial, Verdana, Tahoma';
      div.style.position = "absolute";
   div.style.background = '#fefefe';
     div.style.padding = '2px';
   div.id = "s1";
   div.innerHTML = 'Warszawa, Warszawa, Warszawa, Warszawa';
   var d2 = getE('tests2');
      d2.appendChild(div);

deb_write(deb_prop(getE('s1'),true));
 }

//-->
  </script>
 </head>

<body>
  <div id="tests">Polska Warszawa Polska Warszawa</div>
  <div id="tests2"></div>

  <input type="button" value="Test" onclick="test()">
  <input type="button" value="Test2" onclick="test2()">
 </body>
</html>
2 Mar 2009

Przeliczenie pozycji kursora myszy na współrzędne latlng

<img id=”maska_img” src=”moa.net.pl.jpg” width=”300″ height=”300″ width_o=”300″ height_o=”300″ onClick=”testMaskClick()”>

function testMaskClick() {

 var IE = document.all ? true : false;
 if (IE) {
  tempX = event.clientX + document.body.scrollLeft;
  tempY = event.clientY + document.body.scrollTop;
 } else {
  tempX = e.pageX;
  tempY = e.pageY;
 }
 if (tempX < 0) tempX = 0;
 if (tempY < 0) tempY = 0;
 
 var point1 = map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());

 var point = map.getCurrentMapType().getProjection().fromPixelToLatLng(new GPoint(point1.x+tempX-300, point1.y-(650-tempY+20)), map.getZoom());

 map.addOverlay(new GMarker(point));
}

300,20 – pozycja mapy na stronie
650 – wysokość mapy