ベースレイヤーの変更

[halsk]

まずはベースレイヤーを、ベクタータイルに切り替える

#288 のサブIssue

[NEKOYASAN]

このissue取り組んでる方いなければやります

[smellman]

対応できるか確認しているのですが、zoom changeのタイミングでスタイルがぶっ壊れるというのが確認されています。

[NEKOYASAN]

なるほど...こっちでも試してみますね

[smellman]

diff --git a/components/PrintableMap.vue b/components/PrintableMap.vue
index 1640d84..6ac3a45 100644
--- a/components/PrintableMap.vue
+++ b/components/PrintableMap.vue
@@ -110,24 +110,7 @@ export default {
       isOpenAreaSelect: false,
       isOpenList: false,
       isDisplayAllCategory: true,
-      mapStyle: {
-        'version': 8,
-        'sources': {
-          'OSM': {
-            'type': 'raster',
-            'tiles': [this.$i18n.t("PrintableMap.map_url")],
-            'tileSize': 256,
-            'attribution': 'Map data © <a href="http://openstreetmap.org/">OpenStreetMap</a>'
-          }
-        },
-        'layers': [{
-          'id': 'OSM',
-          'type': 'raster',
-          'source': 'OSM',
-          'minzoom': 0,
-          'maxzoom': 22
-        }]
-      },
+      mapStyle: "https://tile.openstreetmap.jp/styles/maptiler-basic-ja/style.json",
       imageLegendMark: {
         ja: imageLegendMarkJa,
         en: imageLegendMarkEn

ベクタータイルには特に指定はないですが、現在使っているものの元ネタを直接参照してもらえれば。
ちなみに、リロードするときに強制リロードしないとスタイルがぶっ壊れたままになります(強制リロードしてもぶっ壊れるのですが...)

[smellman]

対応してプルリク投げました