Вопрос по API Google Map

Добрый день.

Задача такая, есть карта, на которой стоят метки, при нажатие на метку мы переходим на определенную страницу.
У каждой метки есть свой "title", но он показывается только при наведение, надо, что бы они отображались постоянно.

Мой код:

Код

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
var points = [
["Page 1", 55.771683, 37.571274, 1, 'link to page 1'],
["Page 2", 55.7636, 37.606, 1, 'link to page 1']
   ];

function setMarkers(map, locations) {
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
for (var i = 0; i < locations.length; i++) {
var flag = new Google.maps.MarkerImage(
'http://googlemaps.googlermania.com/google_maps_api_v3/en/Google_Maps_Marker.png',
new Google.maps.Size(37, 34),
new Google.maps.Point(0,0),
new Google.maps.Point(0, 19)
);
var place = locations[i];
var myLatLng = new Google.maps.LatLng(place[1], place[2]);
var marker = new Google.maps.Marker({
position: myLatLng,
map: map,
icon: flag,
shape: shape,
title: place[0],
zIndex: place[3],
url: place[4]
});
Google.maps.event.addListener(marker, 'click', function() {
// alert('go to ' + this.url); //
window.location.href = this.url;
});
} 
}

function initialize() {
var myOptions = {
center: new Google.maps.LatLng(55.766731,37.6010157,14),
zoom: 13,
mapTypeId: Google.maps.MapTypeId.ROADMAP
};
var map = new Google.maps.Map(document.getElementById("map_canvas"), myOptions);
setMarkers(map, points);
}
</script>

<script type="text/javascript">
Google.maps.event.addDomListener(window, 'load', initialize);
</script>

Есть мысли как лучше это реализовать?

Записан

passer

Завсегдатай
1013
75 / 3

Re: Вопрос по API Google Map

« Ответ #1 : 01.04.2014, 16:41:13 »

Не сделать. Используйте InfoWindow. https://developers.google.com/maps/documentation/javascript/infowindows?hl=ru

Записан

xokhotax

Новичок
3
0 / 0

Re: Вопрос по API Google Map

« Ответ #2 : 01.04.2014, 17:02:27 »

Я пробовал Infowindow, но не понял как его лучше привязать для нескольких квартир=(

Записан

passer

Завсегдатай
1013
75 / 3

Re: Вопрос по API Google Map

« Ответ #3 : 01.04.2014, 17:19:44 »

Тут еще посмотрите http://duncan99.wordpress.com/2011/10/08/google-maps-api-infowindows/ А код писать здесь едва ли кто будет. Влом. Похоже на событие load маркера infowindow.open повесить надо.

Записан

xokhotax

Новичок
3
0 / 0

Re: Вопрос по API Google Map

« Ответ #4 : 01.04.2014, 17:24:26 »

Все равно, спасибо за ответ=) гляну

Записан

Вставить код Google аналитики через менеджер шаблонов: изменить стиль Автор Андрей Купцов	Ответов: 6 Просмотров: 1134	10.12.2019, 19:05:48 от AlexB
Работа с Google Drive через WebDAV -- как? Автор Филипп Сорокин	Ответов: 0 Просмотров: 1193	08.12.2018, 16:55:03 от Филипп Сорокин
Форматирование текста. Вопрос связан с MySQL Автор Аня	Ответов: 6 Просмотров: 1565	06.05.2018, 00:35:31 от Аня
Скопировать код карты Google Автор intcorp	Ответов: 1 Просмотров: 1103	01.02.2017, 07:28:49 от AlekVolsk
Геолокация Google map api v3 Автор alex_next	Ответов: 5 Просмотров: 1368	15.09.2016, 15:16:05 от alex_next

Вопрос по API Google Map - Общие вопросы веб разработки

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

xokhotax

Вопрос по API Google Map

passer

Re: Вопрос по API Google Map

xokhotax

Re: Вопрос по API Google Map

passer

Re: Вопрос по API Google Map

xokhotax

Re: Вопрос по API Google Map

Похожие темы