Skip to content

Instantly share code, notes, and snippets.

View yuskesuzki's full-sized avatar

Yusuke Suzuki yuskesuzki

View GitHub Profile
@yuskesuzki
yuskesuzki / index.html
Created February 23, 2026 04:14
地図上の2点間の直線距離を計測・可視化するアプリ
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MapLibre 距離計測アプリ</title>
<script src="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js"></script>
<link href="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.css" rel="stylesheet" />
<style>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
[
{
"x":0, "y":0, "z":0, "msg":"イーアス",
"type": "建物",
"coordinates": [
-70458.9541462935,
-104537.3279090900,
34.3
],
"id": 1,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Localwiki api test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
url: "https://localwiki.org/api/v4/pages/?region=893&format=json", // リージョン:893 = 北海道森町を指定して、ページをAPIから検索
@yuskesuzki
yuskesuzki / sample1.html
Last active August 2, 2017 02:05
Leaflet.jsで指定した範囲のみ閲覧可能な地図を作ってみるサンプル
<html>
<head>
<meta charset="utf-8">
<style>
html,body{
margin: 0px;
padding: 0px;
}
#map {
width: 100%;
@yuskesuzki
yuskesuzki / index.html
Last active December 13, 2015 01:42
Leaflet.js imageoverlay sample no2
<html>
<head>
<style>
html,body{
margin: 0px;
padding: 0px;
}
#map {
width: 100%;
height: 100%;
@yuskesuzki
yuskesuzki / index.html
Last active September 6, 2017 09:48
Leaflet.js imageoverlay sample no1
<html>
<head>
<meta charset="utf-8">
<style>
html,body{
margin: 0px;
padding: 0px;
}
#map {
width: 100%;
final int RED = 0;
final int ORANGE = 1;
final int YELLOW = 2;
final int GREEN = 3;
final int BLUE = 4;
final int INDIGOBLUE = 5;
final int PURPLE = 6;
int COLORMAX = PURPLE;
float dr = 0.0;
@yuskesuzki
yuskesuzki / drawRainbow2
Created July 21, 2014 15:08
Processing sample 2
final int RED = 0;
final int ORANGE = 1;
final int YELLOW = 2;
final int GREEN = 3;
final int BLUE = 4;
final int INDIGOBLUE = 5;
final int PURPLE = 6;
int COLORMAX = PURPLE;
final int RAINBOWSIZEMAX = 250;
final int RED = 0;
final int ORANGE = 1;
final int YELLOW = 2;
final int GREEN = 3;
final int BLUE = 4;
final int INDIGOBLUE = 5;
final int PURPLE = 6;
int COLORMAX = PURPLE;
int boxsize = 45;