Code Snippets für Google Maps

» Scroll Wheel Zoom (IE, Firefox, Opera)
» Pan To Point (IE, Firefox, Opera)
» Get Lat Lon (IE, Firefox, Opera)

Have A Look...

Code Snippet

<script src="http://maps.google.com/maps?file=api&v=2.58&key=xxx" type="text/javascript"></script>

<script src="scrollwheelzoom_js_ex.js" language="JavaScript"type="text/javascript"></script>

<div id="map" style="width:100%; height:400px; border:1px solid #000000;" onmouseover="dowheel();" onmouseout="stopwheel();"></div>

<script language="JavaScript" type="text/javascript">
<!--
if (GBrowserIsCompatible()) {
  var map = null;

// neue map initialisieren
  function load() {
    map = new GMap2(document.getElementById("map"));
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
    map.enableContinuousZoom();

// start position
    map.setCenter(new GLatLng(<? echo $lat; ?>, <? echo $lon; ?>), <? echo $zoom; ?>);
  }

// zoom mit scrollrad
  function setZoom(delta) {
    if(delta<0){
      map.zoomIn();
    }else{
      map.zoomOut();
    }
  }

// map onload handler
  if (window.attachEvent) {
    window.attachEvent("onload", function() {
      load();	// internet explorer
    });
  } else {
    window.addEventListener("load", function() {
      load(); // firefox und standard browser
    }, false);
  }
}
//-->
</script>

Javascript Exclude

function wheel(event){
  var delta = 0;

// ie event handler
  if (!event) {
    event = window.event;
  }

// ie Opera
  if (event.wheelDelta) {
    delta = event.wheelDelta/120;

// kpera korrektur
    if (window.opera){
      delta = -delta;
    }

// mozilla
  } else if (event.detail) {
    delta = -event.detail/3;
  }

// wenn gescrollt wird tue dies
  if (delta){
    setZoom(delta);
  }

// mozilla scrolling verhindern
  if (event.preventDefault){
    event.preventDefault();
  }

// ie opera scrolling verhindern
  event.returnValue = false;
}

function dowheel(){

// scroll listener hinzufügen
  if (window.addEventListener){
    // mozilla
    window.addEventListener('DOMMouseScroll', wheel, false);
  }

// ie opera
  window.onmousewheel = document.onmousewheel = wheel;
}

function stopwheel(){
  // scroll listener hinzufügen
  if (window.removeEventListener){
    // mozilla
    window.removeEventListener('DOMMouseScroll', wheel, false);
  }

// ie opera
  window.onmousewheel = document.onmousewheel = '';
}