「Widget:Custom map」の版間の差分

@@ 1行目: / 1行目: @@
-<!-- Widget本体 (GTP8.js) -->
 <includeonly>
-<!-- 必要なライブラリの読み込み -->
+<!-- 必要なCDNリソース -->
 <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 <script src="https://dq.h1g.jp/leaflet/leaflet.js"></script>
@@ 10行目: / 9行目: @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/lightgallery.min.js"></script>
-<!-- スタイルシートの読み込み -->
+<!-- スタイルシート -->
 <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"/>
@@ 18行目: / 17行目: @@
 <link rel="stylesheet" href="https://dq.h1g.jp/img/lightgallery.min.css"/>
-<!-- 初期設定スクリプト -->
+<!-- マップ設定 -->
 <script>
-// 基本設定のみをグローバル変数として定義
 window.mapConfig = {
-     imageBase: {
+     img: '<!--{$img}-->',
-        url: '<!--{$img}-->',
+    imgWidth: <!--{$imgwidth}-->,
-        width: <!--{$imgwidth}-->,
+    imgHeight: <!--{$imgheight}-->,
-        height: <!--{$imgheight}-->
+     minZoom: <!--{$minzoom}-->,
-    },
+    maxZoom: <!--{$maxzoom}-->,
-     mapSettings: {
+     geojsonPage: '<!--{$geojson}-->',
-        minZoom: <!--{$minzoom}-->,
-        maxZoom: <!--{$maxzoom}-->
-    },
-     geojsonPath: '<!--{$geojson}-->',
-    iconDefinitions: {
-        icon1: {
-            iconUrl: '<!--{$icon1|default:'https://dq.h1g.jp/img/marker-icon-img/marker-icon-blue.png'}-->',
-            shadowUrl: 'https://dq.h1g.jp/img/marker-icon-img/marker-shadow.png'
-        },
-        icon2: {
-            iconUrl: '<!--{$icon2|default:'https://dq.h1g.jp/img/marker-icon-img/marker-icon-red.png'}-->',
-            shadowUrl: 'https://dq.h1g.jp/img/marker-icon-img/marker-shadow.png'
-        },
-        icon3: {
-            iconUrl: '<!--{$icon3|default:'https://dq.h1g.jp/img/marker-icon-img/marker-icon-violet.png'}-->',
-            shadowUrl: 'https://dq.h1g.jp/img/marker-icon-img/marker-shadow.png'
-        },
-        icon4: {
-            iconUrl: '<!--{$icon4|default:'https://dq.h1g.jp/img/marker-icon-img/marker-icon-green.png'}-->',
-            shadowUrl: 'https://dq.h1g.jp/img/marker-icon-img/marker-shadow.png'
-        },
-        icon5: {
-            iconUrl: '<!--{$icon5|default:'https://dq.h1g.jp/img/marker-icon-img/marker-icon-gold.png'}-->',
-            shadowUrl: 'https://dq.h1g.jp/img/marker-icon-img/marker-shadow.png'
-        },
-        icon6: {
-            iconUrl: '<!--{$icon6|default:'https://dq.h1g.jp/img/marker-icon-img/marker-icon-black.png'}-->',
-            shadowUrl: 'https://dq.h1g.jp/img/marker-icon-img/marker-shadow.png'
-        }
-    },
      filters: {
          filter1: '<!--{$filter1|default:"分類1"}-->',
@@ 65行目: / 33行目: @@
          filter5: '<!--{$filter5|default:"分類5"}-->',
          filter6: '<!--{$filter6|default:"分類6"}-->'
+    },
+    icons: {
+        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"}-->'
      }
 };
+</script>
-// メインのJavaScriptファイルを非同期で読み込む
-document.addEventListener('DOMContentLoaded', function() {
+<!-- メインのマップスクリプト -->
-    var script = document.createElement('script');
+<script src="https://dq.h1g.jp/leaflet/leafletmaps-widget.js"></script>
-    script.src = 'https://dq.h1g.jp/leaflet/mw-leafletmap-main.js';
-    script.async = true;
-    document.body.appendChild(script);
-});
-</script>
 </includeonly>

「Widget:Custom map」の版間の差分

2024年11月10日 (日) 19:03時点における版

最新ニュース