Карта google на modx

Часто приходится ставить карту Google на Modx.

Чтобы поставить и настроить необходимые модули, я обычно ставлю

  • googleMap
  • GoogleMapsTV
  • Google Maps TV
  • MarkerGoogleMaps
После установки всех этих плагинов, создаем чанк с названием, например mapsChanck с таким содержимым:

<script>

function initMap() {

  var map = new google.maps.Map(document.getElementById('iyamap'), {

    zoom: 17,

    center: {lat: [[+latitude]], lng: [[+longitude]]}

  });


  var marker = new google.maps.Marker({

    map: map,

    place: {

      location: {lat: [[+latitude]], lng: [[+longitude]]},

      query: 'Google, Sydney, Australia'


    },

    // Attributions help users find your site again.

    attribution: {

      source: ''

    }

  });


  // Construct a new InfoWindow.

  var infoWindow = new google.maps.InfoWindow({

    content: '<h2>Наш офис</h2><p>[[+city]], [[+street]] [[+housenumber]]</p>'

  });


  // Opens the InfoWindow when marker is clicked.

  marker.addListener('click', function() {

    infoWindow.open(map, marker);

  });

}

</script>

    <script async defer

        src="https://maps.googleapis.com/maps/api/js?key=YUOR_KEYS&signed_in=true&libraries=places&callback=initMap"></script>

И созданный чанк вставляем в шаблон, где должна вывестись карта

[[*maps:JSONtoChunk=`ChunkName`]]

Если нужно добавить свой маркер на карту, то после map добавьте адрес иконки

 map: map,

    icon: '/assets/image/icon-map.png',


Сергейвчера в 20:48
Вот хорошая инструкция по работе с гугл картами на modx http://selection-studio.com/karta-google-dlya-kazhdogo-resursa-kak-tv-pole.html
ответить
Защита от роботов
Вадимвчера в 06:59
Здравствуйте! Подскажите, пожалуйста, как показать карту с ресурка "Контакты" на Главной странице. Ваш пример работает так: На ресурсе "Контакты" стоит "ТВ - Карта" с плейсхолдерами [[ latitude]] и [[ longitude]] И соответственно карта отображается только на странице "Контакты". А как сделать такой вариант: Настраиваем карту на ресурсе "Контакты" и выводим эту карту на всех страницах в подвале. А значения [[ latitude]] и [[ longitude]] получаем с ресурка "Контакты".
Для главной страницы сделайте вызов ресурса в шаблоне главной страницы
ответить
Защита от роботов
Комментарии к статье
Защита от роботов

js, google