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

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

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

Благодарность

1
Pintac 20 Июл 2010 в 15:39

2 ответа

Лучший ответ

В API версии 2 вы можете вызвать {{ X0}}, чтобы включить эту функцию. В v3 API такого метода нет, поскольку эта функция включена по умолчанию в браузерах, которые ее поддерживают.

Я пробовал следующий короткий пример в 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>
2
Daniel Vassallo 20 Июл 2010 в 12:44

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

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

0
Community 23 Май 2017 в 10:32