Google Maps: открыть информационное окно с пользовательской кнопкой - PullRequest
Новая
       29

Google Maps: открыть информационное окно с пользовательской кнопкой

0 голосов
/ 15 февраля 2012

Я постараюсь быть более точным. Я пытаюсь открыть «информационное окно», прикрепленное к маркеру с помощью пользовательской кнопки. в то время как это работает, нажимая маркер непосредственно, я не в состоянии назначить это кнопке. На данный момент страница выглядит следующим образом: map_example

Может кто-нибудь проверить код ниже и сказать мне, что я делаю неправильно? 

function zagrebControl(controlDiv, map) {
controlDiv.style.paddingLeft = '0px';
controlDiv.style.paddingRight = '6px';
controlDiv.style.paddingTop = '0px';
controlDiv.style.paddingBottom = '6px';
controlDiv.style.marginBottom = '0px';
controlDiv.style.width = '80px';

var zagrebUI = document.createElement('DIV');
zagrebUI.style.backgroundColor = 'white';
zagrebUI.style.borderStyle = 'solid';
zagrebUI.style.borderWidth = '1px';
zagrebUI.style.cursor = 'pointer';
zagrebUI.style.textAlign = 'center';
zagrebUI.title = 'click to set the map to zagreb';
controlDiv.appendChild(zagrebUI);

var controlText = document.createElement('DIV');
controlText.style.fontFamily = 'Arial,sans-serif';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.style.paddingTop = '1px';
controlText.style.paddingBottom = '0px';
controlText.innerHTML = 'ZAGREB';
zagrebUI.appendChild(controlText);

google.maps.event.addDomListener(zagrebUI, 'click', function() {
map.setCenter(v1); map.setZoom(7)
});
google.maps.event.addListener(zagrebUI, 'click', function() {
infowindow.setContent('<object width="640" height="360">...</object>');
infowindow.open(map, m1)
});

Мой код для маркера выглядит так: 

google.maps.event.addListener(m1, 'click', function() {
infowindow.setContent('<object width="640" height="360">...</object>');
infowindow.open(map, m1);

});

Спасибо.

1 Ответ

0 голосов
/ 17 февраля 2012

m1 не является глобальной переменной, поэтому в infowindow.open(map, m1) браузер не знает m1.

объявляет m1 глобально. 

var m1;
function initialize() {
...
m1 = new google.maps.Marker({
  position: new google.maps.LatLng(45.81871335, 15.97911),
  map: map,
  animation: google.maps.Animation.DROP,
  title: "ZAGREB"
});
...
...