Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.05.2017, 12:57
Новичок на форуме
Отправить личное сообщение для Amilo Посмотреть профиль Найти все сообщения от Amilo
 
Регистрация: 27.04.2017
Сообщений: 7

Как вызвать в гугле карте маркер с помощью HTML элемента
Как вызвать маркер с помощью нажатие на параграфа Mark1?
После клика хочу перейти на указные кординаты и открыт маркер.

<p id="mark1">Mark N1</p>
<p>Mark N2</p>
<p>Mark N3</p>

<div class="map-responsive">
  <div id="map" style="width: 100%; height: 600px;"></div>
<script type="text/javascript">
  $(function() {
    $("#map").googleMap();
    $("#map").addMarker({
      coords: [41.70457809095281, 44.790178835392],
      title: '<h1>Mark N1</h1>',
      text:  '<p>Info</p>'
    });
    
    
    $("#map").addMarker({
      coords: [41.72648267775168, 44.76699650287628],
      title: '<h1>Mark  N2</h1>',
      text:  '<p>Info</p>'
    });
    
    $("#map").addMarker({
      coords: [41.72063511082718,44.796897768974304],
      title: '<h1>Mark N3</h1>',
      text:  '<p>Info</p>'
    });
  })
</script>
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 05.05.2017, 14:56
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<p id="mark1">Mark N1</p>
<p>Mark N2</p>
<p>Mark N3</p>

<div class="map-responsive">
  <div id="map" style="width: 100%; height: 600px;"></div>
</div>

<script type="text/javascript">
  $(function() {
    $("#map").googleMap();

    $("#mark1").on("click", function() {
       $("#map").addMarker({
         coords: [41.70457809095281, 44.790178835392],
         title: '<h1>Mark N1</h1>',
         text:  '<p>Info</p>'
       });
    });
    
    
    $("#map").addMarker({
      coords: [41.72648267775168, 44.76699650287628],
      title: '<h1>Mark  N2</h1>',
      text:  '<p>Info</p>'
    });
    
    $("#map").addMarker({
      coords: [41.72063511082718,44.796897768974304],
      title: '<h1>Mark N3</h1>',
      text:  '<p>Info</p>'
    });
  })
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 05.05.2017, 17:11
Новичок на форуме
Отправить личное сообщение для Amilo Посмотреть профиль Найти все сообщения от Amilo
 
Регистрация: 27.04.2017
Сообщений: 7

Таким образом он толька переходит по координатам маркера но не открывает информацию существующую в маркере.
Как я понял загаловка маркера и текс хранится в infowindow
Вот сам фреймворк: https://codepen.io/Evan13/pen/Lyzexq
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Акардион меню из чекбоксов и списка, как сделать подсветку текущего элемента OliLoi jQuery 0 08.11.2016 08:15
Как с помощью PHP сохранить какие-либо изменения в HTML документе? FirstFrost Работа 6 06.09.2010 16:16
Как с помощью PHP сохранить какие-либо изменения в HTML документе? FirstFrost Общие вопросы Javascript 1 15.07.2010 17:12
Как с помощью JavaScript сохранить какие-либо изменения в HTML документе? FirstFrost Общие вопросы Javascript 1 15.07.2010 16:23
Как с помощью JS "на-лету" менять часть HTML кода greendoc Общие вопросы Javascript 2 18.03.2008 20:43