Перейти к содержимому



Интерактивная карта для сайта.

#1 LasVegas
LasVegas
  • Пользователь
  • 97 сообщений
  • Репутация: 4
0

Обновлено 22 апреля 2016 - 10:44  Отправлено 04 апреля 2016 - 00:06

Здравствуйте!

 

Подскажите пожалуйста, как сделать интерактивную карту для сайта. С возможностью внесения своих меток и изменений.

Вот примерно как на http://lifeglobe.net/

там в разделе карта - очень неплохой функционал реализован. 

То есть на карту планеты нанесены метки с описанием того что там находится. Посетитель соответственно может прямо на карте найти то, что ему нужно и перейти на страницу с информацией. 

Как это можно сделать? Или хотя бы с чего начать?

Буду благодарен за любые советы!

 


 

 

  • 0

#2 ol3gran1
ol3gran1
  • Пользователь
  • 66 сообщений
  • Репутация: 23

Отправлено 04 апреля 2016 - 02:45

Конкретно в вашем примере используется Google Maps API с собственными надстройками.

 

То есть на карту планеты нанесены метки с описанием того что там находится. Посетитель соответственно может прямо на карте найти то, что ему нужно и перейти на страницу с информацией.

Реализуемо как с помощью яндекс карт, так и с помощью гугловских


  • 1

#3 LasVegas
LasVegas
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 4

Отправлено 06 апреля 2016 - 13:18

@ol3gran1, спасибо! а можно чуть подробнее? Я начал изучать и Гугл и Яндекс и не понял, как именно добавлять свои метки на карту с возможностью открывать статьи кликом по метке на карте. В гугле вообще несколько вариантов добавления карт.

Буду очень благодарен за информацию!


  • 0

#4 ol3gran1
ol3gran1
  • Пользователь
  • 66 сообщений
  • Репутация: 23

Отправлено 06 апреля 2016 - 14:00

как именно добавлять свои метки на карту с возможностью открывать статьи кликом по метке на карте

В этом примере показано добавление точек на карту. В зависимости от способа вывода тянете данные из БД и помещаете в тело балуна.

Самый простой вариант помещать туда ссылку на детальное описание.

Вариант посложнее использовать балун с выходом за пределы карты.

И последний вариант перехват события открытия балуна.

А уж как конкретно решать задачу решать вам.


  • 0

#5 LasVegas
LasVegas
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 4

Отправлено 07 апреля 2016 - 10:27

@ol3gran1, спасибо большое за информацию!

Буду экспериментировать. 


  • 0

#6 LasVegas
LasVegas
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 4

Отправлено 22 апреля 2016 - 10:44

Начал изучать балуны и хинты, но все оказалось проще.

Решил вопрос установкой плагина Basic Google Maps Placemarks


  • 0



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
albedo albedo 1-й за Май
Очков активности: 198 5 тем, 29 сообщений, 3 балла репутации
Сайт: online24news.ru
ТОП самых активных за этот месяц
  • Фотография maks200
    #1

    maks200
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография NewBlade
    #2

    NewBlade
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография Movut
    #3

    Movut (seo-aspirant.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография 1head
    #4

    1head
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография magnet
    #5

    magnet (rbfxdirect.com)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Zevss
    #6

    Zevss (domles43.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Nik_2266999
    #7

    Nik_2266999
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография narolskay
    #8

    narolskay (ortopedicheskaja-podushka.ru)
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография wp01
    #9

    wp01
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография getsend
    #10

    getsend
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru