Как поставить метки в google map из массива БД на сайте с worpress?

Question

[Артём]

Дано:
База данных (БД1) где хранятся метки для карт (координаты компаний), которая постоянно обнавляется.
Есть сайт на Wordpress со своей БД (БД2) .
Необходимо вывести карту с метками из БД 1 на сайте под управлением wordpress.

Я так понимаю, прямое обращение к БД 1 через php нельзя делать(не безопасно).
Мысль такая:
1 поместить в папку с шаблоном исполняемый файл с функциями для подключение к БД 1 и загрузкой в массив координат.
2 на сайте через виджет php использовать функцию инициализации google maps и вывода массива меток.
или есть ли плагин в котором уже реализована такая возможность? (просмотрел 6 плагинов, пусто)
Спасибо за помощь!

Comments

[yarovikov]

Сомневаюсь, что есть плагин, который обращается к чужой БД. А в чем именно проблема? Вывести массив меток в скрипте инициализации?

[Артём]

yarovikov, наверное да. впервые столкнулся с такой задачей, даже нет понимания где копать) обе БД на одном хосте
сайт собран на wp+elemetor bilder

[yarovikov]

Артём, не ленитесь гуглить. Первая ссылка

[Артём]

yarovikov, не ленюсь) спасибо за ссылку
Вопрос стоит в том, что я с апишкой google maps впервые встретился, и плоховато в php + js разбираюсь.
Предложенное решение по ссылке мне понятно, остается момент, как в переменную засунуть массив меток из бд1?

[yarovikov]

Артём, собираете массив в вашем php файле в нужном виде и с помощью wp_localize_script передаете в js.

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

[['Bondi Beach', -33.890542, 151.274856, 4],['Coogee Beach', -33.923036, 151.259052, 5]]

[Артём]

Данные лежат в таблице:

name varchar(255) utf8_general_ci
latitude double
longitude double

а куда этот файл правильнее положить?

собираете массив в вашем php файле в нужном виде

[Артём]

yarovikov, можете еще помочь?
Подключаюсь к БД(все ок),
собираю массив, тестю его на вывод, а он как бы и не выводиться..

$query = "SELECT * FROM ksplace_dictionary_fr";
$res = mysqli_query($query);
while($row = mysqli_fetch_array($res))
{
echo "Имя: ".$row['name']."<br>\n";
echo "Широта ".$row['latitude']."<br>\n";
echo "Долгота: ".$row['longitude']."<br><hr>\n";
}

[yarovikov]

Артём, сделайте сначала распечатку массива, чтобы посомтреть вообще что там

[Артём]

yarovikov,
Вот что получилось:

if ($result = $mysqli->query($query)) {
$i=1;
$resultArr = array();//массив для передачи данных в JS
    /* выборка данных и помещение их в массив */
    while ($row = $result->fetch_row()) {
        printf ("['%s', %s, %s,".$i."], \n", $row[0], $row[1], $row[2]);
		
		$i++;
    }

    /* очищаем результирующий набор */
    $result->close();
}

/* закрываем подключение */
$mysqli->close();

в результате я получил структуру на печать
['Coopérative laitière du Beaufortain', 48.8492221, 2.3392319,1], ['Kuro espresso bar', 44.8427035, -0.57512270000007,2], и тд (более 500 записей)

как это теперь закинуть в массив и передать в JS, вот тут у меня ступор

Помогите

[yarovikov]

Артём,

1. передаете массив с php в js с помощью wp_localize_script:

wp_localize_script( 'google-map', 'php_data', array(
			'markers' => ваш массив,
		) );

2. в самом js что-то такое внутри скрипта вашей карты:

var locations = php_data.markers;
...
for (i = 0; i < locations.length; i++) {
		var a = locations[i][1];
		var b = a.split(", ");
		marker = new google.maps.Marker({
			position: new google.maps.LatLng(b[0], b[1]),
			map: map,
			icon: icon,
		});
...

Готовое решение js по выводу маркеров тут.

[Артём]

yarovikov, Спасибо!

а возможно ли напрямую обратиться из JS к php фалу чтобы получить массив? Ajax например?
на фронте у меня скрипт карты, из него допусти обратиться к файлу php , и таким образом получить данные меток?

Прошу прощения за глупые вопросы, мой php+js+mysql очень соу-соу

[yarovikov]

Артём, здесь ajax лишний.
wp_localize_script и нужен, чтобы отдать в js информацию с php - я же написал выше пример

[Артём]

yarovikov, я это понял, проблема в том, что на сайте тема используется, которая обновляется, и если я wp_localize_scrip добавлю в function.php то при следующем обновлении темы все слетит.

[yarovikov]

Артём, вы можете оформить все как плагин