Навигация — карта Google на сайте

Если перед Вами стоит задача вставить на сайт карту Гугл, например, чтобы создать страницу со схемой проезда в офис Вашей фирмы, то данный урок вам в помощь.

Карта Google на сайт

Для реализации этой функции мы будем использовать специальный плагин для WordPress Pronamic Google Maps. Он позволяет ниболее точно указать объект на карте Google по его адресу или географическим GPS координатам. Плагин также отличается от других и удобен тем, что не требует регистрации на сайте Гугла и не требует создания API-ключа для Вашего сайта — просто скачиваем, активируем и размещаем карту Google на сайт на любую его страницу из администраторского раздела.

PHP код для вставки карты google на страницу:

<?php
pronamic_google_maps(array(
    'width' => 750,
    'height' => 500 
));
?>

P.S. В новой версии этого плагина уже не нужно, чтобы поддерживалась вставка php кода из редактора.
Достаточно вставить код непосредственно в шаблон в файл single.php или page.php, например после функции вывода записи, и включать его прямо из редактора для конкретной страницы, на которой хотите разместить карту (т.е. при создании новости в окне плагина для вставки Google Maps поставить чекбокс на Show Google Maps).

Когда было записано видео, такой функции не было и приходилось добавлять php код непосредственно в текст страницы из редактора, для чего должен был быть установлен плагин Exec-PHP.

Карта Google на сайт без плагина

Добавляем в functions.php код:

//Google Maps Shortcode
function do_googleMaps($atts, $content = null) {
   extract(shortcode_atts(array(
      "width" => '640',
      "height" => '480',
      "src" => ''
   ), $atts));
   return '<iframe width="'.$width.'" height="'.$height.'" 
frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
src="'.$src.'&amp;output=embed" ></iframe>';
}
add_shortcode("googlemap", "do_googleMaps");

И далее для вставки карты google на страницу, в редакторе пишем шорткод [googlemap width=»200″ height=»200″ src=»[Ваш_адрес]»]

Поделись этой статьей с друзьями!

Это будет интересно прочитать:

Добавить комментарий