Показать изображение в фиксированном положении в Google Maps; видимость зависит от уровня масштабирования - PullRequest
2 голосов
/ 19 марта 2010

У меня есть динамическая карта в Google Maps (API v2)

Я хочу наложить изображение, предлагая пользователю увеличить наложение изображения http://img362.imageshack.us/img362/1480/screenshot20100319at121.jpg

Изображение исчезает, когда уровень масштабирования превышает (скажем) 10

Есть идеи, как этого добиться? Спасибо

1 Ответ

1 голос
/ 19 марта 2010

Возможно, вы захотите прослушать событие zoomend , как в следующем примере:

<!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;v=2&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>

Метка масштабирования исчезнет, ​​если уровень масштабирования превысит 10:

альтернативный текст http://img532.imageshack.us/img532/6946/gmapzoom.png

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...