Google maps Zoom Effect - PullRequest
       3

Google maps Zoom Effect

1 голос
/ 20 июля 2010

Я занят созданием сайта Google map v3. Если вы заглядываете на сайт карт Google, вы видите, что они физически увеличивают плитку (например CSS), перед тем как загружать новые плитки.

Я хочу воспроизвести это на моей стороне. Проблема в том, что я не могу найти в справочнике API ничего, с чем я могу это сделать. Я подумал о создании imagemaptype и просто получил узел тега img и сделал масштабирование css для него и вызвал gettile maptype нормального типа, но безрезультатно. Я пытаюсь использовать bound_change, чтобы увидеть, меняются ли границы, но я не могу получить реальный узел (теги img).

Любая помощь будет оценена

спасибо

Ответы [ 2 ]

2 голосов
/ 20 июля 2010

В API v2 вы можете вызвать метод GMap2.enableContinuousZoom(), чтобы включить эту функцию.В API v3 такого метода нет, так как эта функция включена по умолчанию в браузерах, которые его поддерживают.

Я попробовал следующий короткий пример в Chrome 5.0.375.99 и Firefox 3.6.6 (оба для Mac), и только карта в Chrome поставляется с включенным непрерывным масштабированием:

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps v3 Continuous Zoom</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body> 
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 6,
      center: new google.maps.LatLng(-41.00, 174.00),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

  </script>

</body>
</html>
0 голосов
/ 20 июля 2010

Я не знаю, сможете ли вы заставить его вести себя точно так же, как их основное приложение Карт, но этот парень, похоже, нашел способ воспроизвести его: Google Maps zoomOut-Pan-zoomIn animation

Похоже, что непрерывное увеличение было доступно в v2, но я не могу найти много ссылок на масштабирование вообще в v3. Любопытно ... http://code.google.com/apis/maps/documentation/javascript/v2/reference.html#GMap2

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