Итак, у меня есть карта V3, которая инициализируется следующим образом:
function init() {
var mapCenter = new google.maps.LatLng(51.5081289,-0.128005);
var map = new google.maps.Map(document.getElementById('map'), {
'zoom': 6,
'center': mapCenter,
'mapTypeId': google.maps.MapTypeId.ROADMAP,
panControl: false,
mapTypeControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.LEFT_TOP
},
});
и множество маркеров, которые выглядят следующим образом:
var marker25837500 = new google.maps.Marker({
map: map,
pop_title: 'blah blah',
pop_wind: 'more blah',
zIndex: 999,
icon: 'images/map_icons/s6.png'
});
google.maps.event.addListener(marker25837500, 'click', onMarkerClick);
и, наконец, у меня есть функция открытия информационного окна при щелчке каждого производителя:
var infoWindow = new google.maps.InfoWindow;
var onMarkerClick = OpenInfoWindow;
function OpenInfoWindow() {
var marker = this;
infoWindow.setContent('<h3>' + marker.pop_title + '</h3>' +
marker.pop_body);
infoWindow.open(map, marker);
};
google.maps.event.addListener(map, 'click', function() {
infoWindow.close();
});
Мой вопрос: что мне нужно сделать, чтобы определенный маркер (скажем, marker25837500) показывал свое информационное окно при нажатии на внутреннюю часть страницы - возможно, что-то вроде:
<div id="marker25837500">click to see infoWindow!</div>
Я уверен, что это легко, но я просто вижу, как это сделать!
Спасибо