Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1036 Просмотров
*

xokhotax

  • Новичок
  • 3
  • 0 / 0
Вопрос по API Google Map
« : 01.04.2014, 16:34:37 »
Добрый день.

Задача такая, есть карта, на которой стоят метки, при нажатие на метку мы переходим на определенную страницу.
У каждой метки есть свой "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
Просмотров: 633
Последний ответ 10.12.2019, 19:05:48
от AlexB
Работа с Google Drive через WebDAV -- как?

Автор Филипп Сорокин

Ответов: 0
Просмотров: 598
Последний ответ 08.12.2018, 16:55:03
от Филипп Сорокин
Форматирование текста. Вопрос связан с MySQL

Автор Аня

Ответов: 6
Просмотров: 753
Последний ответ 06.05.2018, 00:35:31
от Аня
Как вставить код Google Adsense Joomla 3?

Автор mrmarkov

Ответов: 14
Просмотров: 5647
Последний ответ 24.01.2018, 16:00:19
от voland
Скопировать код карты Google

Автор intcorp

Ответов: 1
Просмотров: 721
Последний ответ 01.02.2017, 07:28:49
от AlekVolsk