Google Maps API V3 «Обзор» - PullRequest
Новая
       17

Google Maps API V3 «Обзор»

4 голосов
/ 30 октября 2009

API Карт Google V3 пока не поддерживает опцию V2 GOverviewMapControl. Я наткнулся на фрагмент кода http://dl.google.com/io/2009/pres/Th_1045_Maps_API_Mobile.pdf, silde 19, который дает код для отображения карты меньшего размера, но не перетаскиваемый полупрозрачный синий прямоугольник, который вы обычно видите здесь. Это возможно, но, к сожалению, код «упал». У кого-нибудь есть идеи, как это сгенерировать? Спасибо

Ответы [ 4 ]

3 голосов
/ 30 января 2013

Вот как это работает из коробки в Maps v3: 

function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    overviewMapControl: true,
    overviewMapControlOptions: {opened: true}
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}

Обратите внимание на последние два свойства объекта mapOptions. Они делают свое дело.

2 голосов
/ 14 февраля 2011

Я использую v3 прямо сейчас, и OverviewCapControl, кажется, работает. Пока не могу найти документацию по нему.

OverviewMapControl: true

Затем вы видите маленькую стрелку в правой части вашей карты. Нажмите, чтобы открыть его. Не могу понять, как вызвать этот клик с помощью javascript (jquery), похоже, не работает.

2 голосов
/ 03 ноября 2009

В overlayMap добавьте перетаскиваемый маркер , чтобы отобразить рамку RectangleOverlay, и не перетаскиваемый маркер, чтобы отобразить сам полупрозрачный прямоугольник. Затем добавьте привязки к некоторым событиям карт, чтобы обновить размер и положение маркеров, то есть событиям bounds_changed, drag и / или center_changed карт. Наконец, обновите местоположение карт при перетаскивании кадра, привязав функцию к ее событию dragend.

1 голос
/ 27 сентября 2010

Извлечение http://code.google.com/p/gmaps-api-v3-overviewmapcontrol Это проект с открытым исходным кодом, приближенный к функциональности GOverviewMapControl версии 2.

...