「Widget:Custom map」の版間の差分
提供：メタファー リファンタジオ 攻略Wiki
ヘイグ運営用アカウント (トーク | 投稿記録) 編集の要約なし |
ヘイグ運営用アカウント (トーク | 投稿記録) 編集の要約なし |
||
| 1行目: | 1行目: | ||
<includeonly> | <includeonly> | ||
<!-- | <!-- Required CSS --> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css"/> | |||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/> | |||
<link rel="stylesheet" href="https://dq.h1g.jp/img/dq10_offline/map/css/leaflet-easy-button.css" /> | |||
<link rel="stylesheet" href="https://dq.h1g.jp/img/dq10_offline/map/css/leaflet-tag-filter-button.css" /> | |||
<link rel="stylesheet" href="https://dq.h1g.jp/img/marker-icon-img/editable-popup.css" /> | |||
<link rel="stylesheet" href="https://dq.h1g.jp/img/lightgallery.min.css"/> | |||
<!-- Required JS Libraries --> | |||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> | <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> | ||
<script src="https://dq.h1g.jp/leaflet/leaflet.js"></script> | <script src="https://dq.h1g.jp/leaflet/leaflet.js"></script> | ||
| 9行目: | 17行目: | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/lightgallery.min.js"></script> | <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/lightgallery.min.js"></script> | ||
<!-- | <!-- Configuration Variables --> | ||
<script> | <script> | ||
window.mapConfig = { | window.mapConfig = { | ||
imageUrl: '<!--{$img}-->', | |||
imageWidth: <!--{$imgwidth}-->, | |||
imageHeight: <!--{$imgheight}-->, | |||
minZoom: <!--{$minzoom}-->, | minZoom: <!--{$minzoom}-->, | ||
maxZoom: <!--{$maxzoom}-->, | maxZoom: <!--{$maxzoom}-->, | ||
geoJsonPage: '<!--{$geojson}-->', | |||
iconUrls: { | |||
icon1: '<!--{$icon1|default:"https://dq.h1g.jp/img/marker-icon-img/marker-icon-blue.png"}-->', | |||
icon2: '<!--{$icon2|default:"https://dq.h1g.jp/img/marker-icon-img/marker-icon-red.png"}-->', | |||
icon3: '<!--{$icon3|default:"https://dq.h1g.jp/img/marker-icon-img/marker-icon-violet.png"}-->', | |||
icon4: '<!--{$icon4|default:"https://dq.h1g.jp/img/marker-icon-img/marker-icon-green.png"}-->', | |||
icon5: '<!--{$icon5|default:"https://dq.h1g.jp/img/marker-icon-img/marker-icon-gold.png"}-->', | |||
icon6: '<!--{$icon6|default:"https://dq.h1g.jp/img/marker-icon-img/marker-icon-black.png"}}-->' | |||
}, | |||
filters: { | filters: { | ||
filter1: '<!--{$filter1|default:"分類1"}-->', | filter1: '<!--{$filter1|default:"分類1"}-->', | ||
| 33行目: | 41行目: | ||
filter5: '<!--{$filter5|default:"分類5"}-->', | filter5: '<!--{$filter5|default:"分類5"}-->', | ||
filter6: '<!--{$filter6|default:"分類6"}-->' | filter6: '<!--{$filter6|default:"分類6"}-->' | ||
} | } | ||
}; | }; | ||
</script> | </script> | ||
<!-- Core Application JavaScript --> | |||
<!-- | <script src="https://dq.h1g.jp/leaflet/gtp8-core.js"></script> | ||
<script src="https://dq.h1g.jp/leaflet/ | <script src="https://dq.h1g.jp/leaflet/gtp8-icons.js"></script> | ||
<script src="https://dq.h1g.jp/leaflet/gtp8-popups.js"></script> | |||
<script src="https://dq.h1g.jp/leaflet/gtp8-api.js"></script> | |||
<script src="https://dq.h1g.jp/leaflet/gtp8-init.js"></script> | |||
</includeonly> | </includeonly> | ||