WordPress의 플러그인 "All-in-One Event Calendar"에서 사용하는지도를 Leaflet (OpenStreetMap)으로 바꾸는 방법
그럼 대체 방법입니다.
먼저 WordPress에서 스크립트를 추가하는 플러그인 "Insert Headers and Footers"를 설치하고 활성화하십시오.
설정→Insert Headers and Footers를 엽니다.
<link rel='stylesheet' id='leaflet_stylesheet-css' href='https://unpkg.com/[email protected]/dist/leaflet.css' type='text/css' media='' />
<script async type='text/javascript' src='https://unpkg.com/[email protected]/dist/leaflet.js'></script>
<style type="text/css">
.leaflet-zoom-box { z-index: 280; }
.leaflet-pane { z-index: 240; }
.leaflet-overlay-pane { z-index: 240; }
.leaflet-shadow-pane { z-index: 250; }
.leaflet-marker-pane { z-index: 260; }
.leaflet-tooltip-pane { z-index: 265; }
.leaflet-popup-pane { z-index: 270; }
.leaflet-control { z-index: 280; }
.leaflet-top,
.leaflet-bottom { z-index: 299; }
.ai1ec-gmap-link { z-index: 299; }
</style>
<script type="text/javascript">
var oc = document.getElementById("ai1ec-gmap-canvas");
if (oc) {
oc.style.visibility = "hidden";
}
window.addEventListener("load", function ()
{
setTimeout(function ()
{
var o = document.getElementById("ai1ec-gmap-address");
if (o) {
var oc = document.getElementById("ai1ec-gmap-canvas");
if (oc) {
oc.innerHTML = "";
oc.style.visibility = "visible";
}
var
lat_lng = o.value.split(','),
lat = parseFloat(lat_lng[0]),
lng = parseFloat(lat_lng[1]),
map = L.map('ai1ec-gmap-canvas', {
scrollWheelZoom: false,
tap: false,
dragging: window.ontouchstart !== null
}).setView(
[lat, lng],
17
);
L.tileLayer(
'//{s}.tile.osm.org/{z}/{x}/{y}.png',
{ attribution: 'Map data © <a href="https://osm.org/copyright">OpenStreetMap</a>' }
).addTo(map);
L.marker(
[lat, lng]
).addTo(map);
}
}, 500);
}, false);
</script>
위 코드를 Scripts in Footer에 복사하고 Save를 누르면 완료됩니다.
Leaflet(OpenStreetMap)에서 표시하게 되었습니다.
Reference
이 문제에 관하여(WordPress의 플러그인 "All-in-One Event Calendar"에서 사용하는지도를 Leaflet (OpenStreetMap)으로 바꾸는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tablacus/items/6ae4727ccc6bf95bed4c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)