Как использовать плагин ACF OpenStreetMap в WordPress с настройкой Zoom? ⇐ Javascript

[Anonymous]

Я пытаюсь выяснить, как использовать Leavlet.js, который находится внутри плагина ACF OpenStreetMap. Я нашел код, который был полезным, и я смог изменить отображение карты на моем веб -сайте WordPress. Тем не менее, проблема в том, что, хотя он работает на странице отдельного кампуса, он не показывает правильную настройку увеличения на странице отдельного кампуса. < /P>
Вот мои шаги: < /p>

• Установить Acf openStreetMap Field Field < /p>
  < /li>
  
  Нажмите на «RAW DATA» под форматом возврата
• in functions.php, добавить это

Код: Выделить всё

wp_enqueue_style('leaflet-map-css', '//unpkg.com/leaflet@1.9.4/dist/leaflet.css');
wp_enqueue_script('leaflet-map-js', '//unpkg.com/leaflet@1.9.4/dist/leaflet.js', NULL, '1.9.4', false);
< /code>
[list]
[*] in index.js < /code>, добавьте это < /li>
< /ol>
import LeafletMap from "./modules/Leaflet";
const leafletMap = new LeafletMap();
< /code>

 В Archive-campus.php, < /code> добавить это (вот где он собирает все маркеры из отдельных кампусов на странице основных кампусов), < /li>
< /ol>


" data-lng="">




< /code>
Поэтому я попытался добавить настройку Zoom в код, но он не работал на странице отдельного кампуса, как это должно было.

">

и я отредактировал раздел new_map в Leaflet.js :
[/list]

Код: Выделить всё

new_map($el) {
var $markers = $el.querySelectorAll(".marker");

var zoom_level = parseInt($el.getAttribute("data-zoom")) || 13;

var map = L.map($el).setView([0, 0], zoom_level);

L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
maxZoom: 19,
attribution:
'© [url=http://www.openstreetmap.org/copyright]OpenStreetMap[/url]',
}).addTo(map);

Можете ли вы сообщить мне, что пошло не так, пожалуйста?

Подробнее здесь: https://stackoverflow.com/questions/797 ... om-setting