Skip to content

Instantly share code, notes, and snippets.

View sugama-satsuki's full-sized avatar

Higuchi Satsuki sugama-satsuki

View GitHub Profile
あああ
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@sugama-satsuki
sugama-satsuki / SearchBar.tsx
Created November 25, 2024 03:18
検索ボックスサンプル
import React, { useEffect, useState } from 'react';
import './SearchBar.css';
import IconButton from '../button/IconBtn';
import { useAtom, useAtomValue } from 'jotai';
import { fiwareCatalogDataItemsAtom, mapDataListAtom, markerObjectAtom } from '../../atoms';
import { DATA_SOURCE_ID, MAIN_MAP_ID } from '../../constants/components/map';
import { extractCoordinates } from '../../lib/searchControl';
import { normalize } from '@geolonia/normalize-japanese-addresses';
import { GeoJsonlookfor } from '@geolonia/geojson-lookfor';
import { MapGeoJSONFeature } from 'maplibre-gl';
@sugama-satsuki
sugama-satsuki / useMeasureAreaControl.ts
Created November 25, 2024 03:15
面積計測サンプルコード
import { useEffect, useState } from "react";
import MapboxDraw from "@mapbox/mapbox-gl-draw";
import * as turf from "@turf/turf";
import "maplibre-gl/dist/maplibre-gl.css";
import "@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css";
import { useAtomValue } from 'jotai';
import { isTerrainControlerOpenAtom } from "../atoms";
import { drawStyle } from "../lib/mapboxdraw-styles";
import { anyType } from "../types";
import { INITIAL_AREA_LABEL } from "../constants/components/measureAreaControl";
@sugama-satsuki
sugama-satsuki / useMeasureDistanceControl.ts
Created November 25, 2024 03:11
距離計測サンプルコード
import { useCallback, useEffect, useState } from 'react';
import type * as maplibreglType from 'maplibre-gl';
import * as turf from '@turf/turf';
import type { Feature, Point } from 'geojson';
import { anyType } from '../types';
import { geojson, INITIAL_DISTANCE_LABEL, lineString } from '../constants/components/measureDistanceControl';
import { addDistanceLayers, removeDistanceLayers } from '../lib/MeasureDistanceControlUtils';
import { getLineString, removeMeasureLabel, setMeasureLabel } from '../lib/measureControl';
const json = {
"EvacuationShelter": [
{
"Identification": "2",
"Name": "二区コミュニティ防災センター",
"NameKana": "",
"NameEN": "",
"HazardType": "地震:1,洪水:1,内水氾濫:1,火災:0,津波:1,土砂災害:0,高潮:0,火山噴火:0",
"NumberOfEvacuees": 0,
"SiteArea": "475",
@sugama-satsuki
sugama-satsuki / test.js
Last active September 25, 2024 02:23
web socketのテスト
#!/usr/bin/env node
const WebSocket = require('ws');
const json = `{
"results": {
"EvacuationShelter": [
{
"Identification": "2",
"Name": "二区コミュニティ防災センター",