возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2024-02-13 в теме: WordPress без плагинов; Сниппеты, хаки, функции  Читаемая статья!
Запросто с WordPress создание и продвижение сайтов ATs media

Добавим на сайт карту Google Maps с поиском указанных адресов…

Как многие уже в курсе – в 2019 году использование сервиса Google Maps без API ключа больше невозможно! и при при загрузке Google Карты в блоке на странице возникает ошибка – в блоке карты адреса местоположения отображается сообщение For development purposes only – требуется получить Google Maps API Key!

Сам ключ получить в принципе не проблема, …и всё бы ничего, однако получение и использование ключа API по сути теперь стало платным…Условно (или безусловно)) так как требуют привязку личной кредитной карты.

Ладно.. о нюансах получения ключа, в этой статье рассказывать не буду… но покажу альтернативный вариант добавления Google карты на сайт. Без плагина!.. либо возможно код организовать в плагин с настройками данных карты в админке…

Занавес открывается…


 

 

 

 

привязка Google Maps – Гугл карты на сайте

 

 

 

 

Данный в статье код – для чего?

 

 

Предположим, у вас на сайте пользователи вводят данные своего местоположения (обрабатывается всё это при помощи “Произвольных полей”) т.е при загрузке страницы динамически подгружается Google карта по указанным пользователем адресам.

 

…и аналогичные варианты использования Google карт…

 

 

 

 

этот код добавит на сайт Гугл карту

 

 

 

 

…получение и привязка ключа API, это тема другой статьи, а пока покажу альтернативу добавления Google карты на сайт c указанием конкретных адресов.

 

 

 

 

Сопутствующее:

Что делать, когда через админку WordPress не обновляетсяне обновляются плагины
Тем, которые знакомы с ситуацией, когда невозможно обновить ни один плагин через административную панель WordPress, этот коротенький пост посвящается.Решаем задачу
ни один плагин или шаблон?

Создаём плагинСоздаём плагин
айл функций — занимательный помощник в расширении функционала сайта ! особливо, если используется по назначению, — однако, многие владельцы блогов/сайтов замечательным образом превращают functions.php в сборную солянку.
– отдельный файл функций для сайта my-functions.php

 

 

 

google-maps

 

 

 

/**
* Output a WordPress post meta field as a Google map
* alternative.
*/

$address = get_post_meta( $post->ID, 'ats_country', true ) . ' ' . get_post_meta( $post->ID, 'ats_city', true ) . ' ' . get_post_meta( $post->ID, 'ats_region', true ) . ' ' . get_post_meta( $post->ID, 'ats_dopsity', true ) . ' ' . get_post_meta( $post->ID, 'ats_street', true );
// возможно добавить/удалить произвольные поля

if ($address) :
$map['address'] = str_replace(array('\n', '\t', '\r'), ' ', $address);
$map['zoom'] = 14; // масштабирование
$map['url'] = 'https://maps.google.com.au/maps?q='
. $map['address'] . '&z='
. $map['zoom'] . '&iwloc=near&amp';
$map['url_embed'] = $map['url'] . ';output=embed';
?>
<iframe width="100%" height="300" class="google-map google-map--iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<?php echo $map['url_embed']; ?>"></iframe>

<br /><br /><span class="adressmapss">Смотреть этот "<a class="google-map" href="<?php echo $map['url']; ?>" target="_blank"><?php echo $address
// здесь добавим ссылку для поиска в Гугле более точного адреса
?></a>" адрес точнее на Google картах...</span>
<?php 
endif; 
// закрывающий тег php можно убрать по требованию ?>

 

 

 

Код вывода карты в статье организовывать так: – или в отдельную функцию и поместить в файл функций functions.php (организация описана по ссылкам выше), либо прописать в соответствующий файл шаблона, отвечающий за вывод требуемого контента (статей) по типу single.php или пр…

 

 

 

документация по коду:

 

 

1: Данные записываем и храним в переменной: $address – переменную возможно переопределить, изменить и прочее… в случае конфликтов.

 

2: По просьбе одного из заказчиков, в коде организовал ссылку на переход к поиску более точного адреса в сервисе Google Maps…

 

3: CSS класс .adressmapss который определяет и стилизует ссылку на поиск точного места адреса, если карта не определила…

 

 

4: В коде использованы имена произвольных полей:

 

 

ats_country – Страна.

ats_city – Город.

ats_region – Регион.

ats_dopsity село/деревня…

ats_street – Улица.

 

 

 

4а: в код вывода по местоположению Карты на сайте возможно добавить функцию подмены блока карты на дефолтную (указанную) картинку в случае НЕпрогрузки карты.

 

 

 

 

как посмотреть имеющиеся в посте произвольные поля

 

 

 

 

Эта строка – функция – выведет все прикреплённые произвольные поля:

 

 

<?php echo the_meta(); ?>

 

 

 

 

В заключение добавлю: как и говорил, настройки организации карт блока возможно вывести в админку…

 

Например: добавление/исключение имён произвольных полей… и пр.

 

 

как зайти в админкукак зайти в админку, минуя страницу входа
В статье даны варианты доступа в административную панель сайта (админку) на тот случай, если администратор (владелец) сайта забыл пару логин/пароль…
По сути, зайти в панель управления сайтом — несложно, если есть кое-какой навык управления…

 

Когда и как правильно нужно создавать дочернюю тему шаблона?

 

 

 

Если у вас что-то не получается с установкой карты,

 


обращайтесь

 

– помогу…

 

 

…на данный момент при тестировании использованы версии WP 6.4 – php 8.0

 

 

 

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...





Нажатия на кнопочки определяют Ваше высокое гражданское сознание

Поделитесь соображениями: Ваши мысли очень важны!

Внимание! Обязательные поля помечены *

  отныне доступен плагин: ats privacy policy ©