Мне нужно добавить данные в плагин Googlemaps из dyve.net

#jquery #google-maps #google-maps-api-3

#jquery #google-карты #google-maps-api-3

Вопрос:

Я загрузил плагин jQuery Google Maps из Dyve.net http://www.dyve.net/jquery/?googlemaps и добавил их на свой сайт, например. http://www.uksail.co.uk/category/company/sailing-clubs. У меня нет проблем с добавлением нескольких местоположений с отдельными информационными полями, но я хочу добавить URL-адрес и другую информацию, такую как номер телефона и адрес, а также функцию «указания туда и от» к каждому отдельному. Пожалуйста, просмотрите источник указанной выше страницы, чтобы увидеть пример данных, отображающих карту Google.

Если бы кто-нибудь мог указать мне правильное направление, я был бы очень признателен.

Ответ №1:

Я работал с JavaScript API Google Maps, и его интеграция не может быть проще. Я не думаю, что вам понадобится плагин jQuery со всеми примерами, которые они вам дают.

http://code.google.com/apis/maps/documentation/javascript/

1. Привет, Сет, большое спасибо, что перезвонил мне, честно говоря, я понятия не имею о javascript и хочу придерживаться кода, который разработчик сайта uksail разместил там в первую очередь, потому что это то, что я понимаю на данный момент. я собираюсь перейти по ссылке, которую вы мне дали, и, возможно, разработать более простой способ интеграции карты 🙂 приветствия,

Ответ №2:

Попробуйте изменить txt:$(elem).attr("title") в строке 26 из jquery-googlemaps.js для txt:$('.info',elem).html()

Затем обновите свои HTML-элементы «geo» примерно так:

 <div class="geo" title="Plym Yacht Club">
  <abbr class="latitude" title="50.361409"></abbr>
  <abbr class="longitude" title="-4.109227"></abbr>
  <div class="info">
    Location<br />
    Phone Number<br />
    Address<br />
    Etc...
  </div>
</div>

По сути, вы получаете HTML информационного окна из div «info» вместо атрибута «title».

Кроме того, убедитесь, что вы закрываете свои <div class="geo"> теги.

1. SteamDev, большое вам спасибо за этот бесценный ответ! Это сводит меня с ума — я думаю, мне нужно сесть за книгу по jQuery, а не пытаться изучать по крупицам… Действительно, еще раз спасибо, и я также разберусь с незакрытыми разделами 🙂 Приветствия

2. Steamdev, еще раз спасибо за помощь, но я только что заметил, что информация теперь появляется и под картой — есть идеи, как сделать так, чтобы она отображалась только в информационном окне? пожалуйста, смотрите uksail.co.uk/category/company/sailing-clubs . Еще раз спасибо!

3. Скройте свои «географические» разделы с помощью css: .geo {display:none}