splatone 0.0.6 → 0.0.8

package/README.md

@@ -11,14 +11,18 @@ SNSのジオタグ付きポストをキーワードに基づいて収集する
 - Bulky: クロールした全てのジオタグを小さな点で描画する
 - Marker Cluster: 密集しているジオタグをクラスタリングしてまとめて表示する
 
-## 既知のバグ
+## Change Log
 
-- <s>JSON.stringify(json)で変換できる大きさに制限があり、数十万件等の大きな結果を生み出すクエリは、クロール後、結果のブラウザへの転送で失敗します。</s>
-- サイズの問題は、一度ファイルに書き出す事で解決しました。(v0.0.6)
-  - **--no-filed**オプションを付ける事で、従来の方法で実行できます。(ファイルに書き出すより多少速い)
-- 以下の画像のように大きな範囲で多くのジオタグが収集できるようになりました。
+### v0.0.7 →　v0.0.8 
 
-![](/assets/screenshot_massive_points_bulky.png)
+* 範囲指定とHexGridの表示・非表示ができるようになりました。
+  * デフォルトで非表示
+  * 表示したい場合はレイヤコントロールにて切り替えてください
+
+### v0.0.6 →　v0.0.7
+
+* Hexサイズの自動設定モードが実装され、デフォルトとなりました。
+  * Web画面のハンバーガーメニューから変更できます。(サイズ0で自動)
 
 # 使い方
 
@@ -162,3 +166,8 @@ $ node crawler.js -p flickr -o '{"flickr":{"API_KEY":"aaaaaaaaaaaaaaaaaaaaaaaaaa
 
 ![](https://github.com/YokoyamaLab/Splatone/blob/main/assets/icon_data_export.png?raw=true)
 
+### 広範囲なデータ収集例
+
+* あまりにも大きいとFlickrから一時的にBANされることがありますので注意してください。
+
+![](/assets/screenshot_massive_points_bulky.png)

package/crawler.js

@@ -28,7 +28,7 @@ import { hideBin } from 'yargs/helpers';
 // -------------------------------
 import { loadPlugins } from './lib/pluginLoader.js';
 import paletteGenerator from './lib/paletteGenerator.js';
-import { dfsObject, saveGeoJsonObjectAsStream } from './lib/splatone.js';
+import { dfsObject, bboxSize, saveGeoJsonObjectAsStream } from './lib/splatone.js';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -108,7 +108,7 @@ try {
   // コマンド例
   // node crawler.js -p flickr -o '{"flickr":{"API_KEY":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"}}' -k "商業=shop,souvenir,market,supermarket,pharmacy,store,department|食べ物=food,drink,restaurant,cafe,bar|美術 館=museum,art,exhibition,expo,sculpture,heritage|公園=park,garden,flower,green,pond,playground" --vis-bulky
   // node crawler.js -p flickr -k "水域=canal,channel,waterway,river,stream,watercourse,sea,ocean,gulf,bay,strait,lagoon,offshore|橋梁=bridge,overpass,flyover,aqueduct,trestle|通路=street,road,thoroughfare,roadway,avenue,boulevard,lane,alley,roadway,carriageway,highway,motorway|ランドマーク=church,sanctuary,chapel,cathedral,basilica,minster,abbey,temple,shrine" --vis-bulky
-  // node crawler.js -p flickr -k "水辺=sea,ocean,beach|山岳=mountain,mount,hill" --vis-bulky --chopped
+  // node crawler.js -p flickr -k "水辺=sea,ocean,beach,river,delta,lake,coast,creek|緑地=forest,woods,turf,lawn,jungle,trees,rainforest,grove,savanna,steppe|砂漠=desert,dune,outback,barren,wasteland" --vis-bulky --filed
   let yargv = await yargs(hideBin(process.argv))
     .strict()                        // 未定義オプションはエラー
     .usage('使い方: $0 [options]')
@@ -304,7 +304,7 @@ try {
       title: title,
       lat: DEFAULT_CENTER.lat,
       lon: DEFAULT_CENTER.lon,
-      defaultCellSize: 0.5,
+      defaultCellSize: 0,
       defaultUnits: 'kilometers',
       defaultKeywords: argv.keywords,
     });
@@ -357,19 +357,32 @@ try {
           console.warn("invalid sessionId:", req.sessionId);
           return;
         }
-        const { bbox, drawn, cellSize = 0, units = 'kilometers', tags = 'sea,beach|mountain,forest' } = req.query;
+        let { bbox, drawn, cellSize = 0, units = 'kilometers', tags = 'sea,beach|mountain,forest' } = req.query;
+        const boundary = String(bbox).split(',').map(Number);
         if (cellSize == 0) {
           //セルサイズ自動決定()
+          //console.log("[cellSize?]",boundary,units);
+          const { width, height } = bboxSize(boundary, units);
+          //console.log("","w=",width,"/\th=",height);
+          cellSize = Math.max(width / (3 * 30), height / (30 * Math.sqrt(3)));
+          if(cellSize==0){
+            cellSize=1;
+          }
+          const msg = "セルサイズを[ " + cellSize + ' ' + units + " ]に設定しました。";
+          console.log(msg)
+          io.to(sessionId).timeout(5000).emit('toast', {
+            text: msg,
+            class: "info"
+          });
         }
         const fallbackBbox = [139.55, 35.53, 139.92, 35.80];
         let bboxArray = fallbackBbox;
 
         if (bbox) {
-          const parts = String(bbox).split(',').map(Number);
-          if (parts.length !== 4 || !parts.every(Number.isFinite)) {
+          if (boundary.length !== 4 || !boundary.every(Number.isFinite)) {
             return res.status(400).json({ error: 'bbox must be "minLon,minLat,maxLon,maxLat"' });
           }
-          bboxArray = parts;
+          bboxArray = boundary;
         }
 
         const sizeNum = Number(cellSize);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "splatone",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Multi-layer Composite Heatmap",
   "homepage": "https://github.com/YokoyamaLab/Splatone#readme",
   "bugs": {

package/views/index.ejs

@@ -370,6 +370,7 @@
       //console.log(overlays);
       layerControl = L.control.layers([baseLayer], {
         ...overlays,
+        "Boundary": drawnItems,
         "Hex Grid": hexLayer,
         "Tri Grid": triLayer
       }, {