ansaurus

Question

Show an image in a fixed position in Google Maps; visibility depends on the zoom level

Answer 1

+1 A:

You may want to listen to the zoomend event, as in the following example:

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps Zoom Demo</title> 
   <script src="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=false" 
           type="text/javascript"></script>  
   <style type="text/css">
     #zoom {
        background-color: red;
        width: 75px;
        padding: 5px 5px 5px 5px;
        position: absolute;
        left: 60px;
        top: 90px;
        z-index: 1000;
     }
   </style>
</head> 
<body onunload="GUnload()"> 

   <div id="zoom">Zoom</div>
   <div id="map" style="width: 400px; height: 300px"></div> 

   <script type="text/javascript">     
      var map = new GMap2(document.getElementById("map"));

      map.setUIToDefault();
      map.setCenter(new GLatLng(37.33, -121.89), 8);

      GEvent.addListener(map, "zoomend", function(oldLevel, newLevel) {  
         if (newLevel > 10)
            document.getElementById('zoom').style.display = 'none';
         else 
            document.getElementById('zoom').style.display = 'block';
      });
   </script> 
</body> 
</html>

The zoom label would disappear once the zoom level exceeds 10:

alt text

Daniel Vassallo 2010-03-19 15:49:36

Thank you, Daniel! worked perfectly

Victor P 2010-03-19 19:26:15

ansaurus

tags:

views:

answers:

Show an image in a fixed position in Google Maps; visibility depends on the zoom level

related questions