カテゴリ「leaflet」に属する投稿[16件]
2022年6月27日(月)20:34:54
472文字
WEB,地図,leaflet
WordPressの追加CSSからは反映させられなかったので
leaflet.cssをいじって調整
うちの場合はhttps://oo.geo.jp/leaflet/Leaflet1.7.1/l...
/* 左上のレイヤーコントロール layers control */
.leaflet-left
.leaflet-control-layers-toggle {
width: 30px;
height: 30px;
background-image: url(https://oo.geo.jp/icon/layers-3F523A-32....
background-repeat:no-repeat;
background-size: 24px;
}
右は https://oo.geo.jp/leaflet/Leaflet1.7.1/i... を入れ替えた
2022年6月27日(月)13:04:41
142文字
WEB,地図,leaflet
参考:javascript - Change leaflet layer control icons - Stack Overflow
参考:L.Control.Layers - eeGeo
2022年6月27日(月)09:37:28
108文字
WEB,ブックマーク,leaflet
KML GPX 変換 フリー、 kmlをgpxに変換 オンライン miconv.com
GitHub - Raruto_leaflet-elevation
mapboxのleafletプラグイン
2022年6月27日(月)00:27:58
600文字
置換・正規表現,leaflet
全角文字 (ひらがな/カタカナ/漢字/記号/英数
↓ [、-龠0-9a-zA-Z] で検索するとこうなる
---------------------
全角文字 サクラエディタの正規表現
↓ [^\x00\x00-\x7F\x00] で検索するとこうなる
参考:サクラエディタで使える便利な正規表現3選 – サイゼントの技術ブログ
---------------------
<strong>七国一丁目</strong><br>ななくにいっちょうめ
<strong>七国二丁目</strong><br>ななくににちょうめ
<strong>七国三丁目</strong><br>ななくにさんちょうめ
<strong>七国四丁目</strong><br>ななくによんちょうめ
置換前 <strong>([^\x00\x00-\x7F\x00]*)</strong><br>
置換後 <h3>$1</h3>
↓ こうなる
<h3>七国一丁目</h3>ななくにいっちょうめ<br>
<h3>七国二丁目</h3>ななくににちょうめ<br>
<h3>七国三丁目</h3>ななくにさんちょうめ<br>
<h3>七国四丁目</h3>ななくによんちょうめ<br>
---------------------
参考:利用可能な正規表現(サクラエディタ本家)
2022年6月26日(日)21:23:34
563文字
置換・正規表現,leaflet
↓下のように置き換えたい場合
.bindTooltip(function (layer) {
return layer.feature.properties.name;
})
.closeTooltip();
.bindPopup('
サクラエディタでは以下のように指定する(正規表現有効)
置換前 .bindPopup\('
置換後 .bindTooltip(function (layer) \r\n{return layer.feature.properties.name;\r\n })\r\n.closeTooltip()\r\n.bindPopup('
\r\nはCRLFの改行コード
カッコ前の\はエスケープ
カッコ前のエスケープを付けずに置換しようとしたら「end pattern with unmatched parenthesis」という警告が出た。
正規表現ではカッコはグループ化を意味する特殊文字(メタ文字)なので、頭に円記号\を付けてエスケープする必要がある。
例
.bindPopup(' → .bindPopup\('
参考:サクラエディタの置換でハマった話(tabに変換したい) _ 仕事メモとか
参考:メタ文字(括弧など)を消去/置換
2022年6月25日(土)11:32:24
1112文字
WEB,置換・正規表現,leaflet
<value>139.737617 35.631816</value>
<value>139.740636 35.639933</value>
<value>139.743953 35.644922</value>
<value>139.749349 35.647845</value>
<value>139.739257 35.637267</value>
↓上記の経度緯度の間にカンマを入れ、他はそのままにする置換、これでいけた(正規表現有効・サクラエディタ使用)
置換前 <value>(139.[0-9]{4,6}) (35.[0-9]{4,6})</value>
置換後 <value>$1,$2</value>
<value>139.737553,35.627885</value>
<value>139.737617,35.631816</value>
<value>139.740636,35.639933</value>
<value>139.743953,35.644922</value>
<value>139.749349,35.647845</value>
<value>139.739257,35.637267</value>
参考:【正規表現】置換前の文字列を一部残しつつ置換する _ 水戸スヤのSE備忘録
------------------------------------
"経度緯度: 139.737553 35.627885<br>
"経度緯度: 139.737617 35.631816<br>
"経度緯度: 139.740636 35.639933<br>
"経度緯度: 139.743953 35.644922<br>
"経度緯度: 139.749349 35.647845<br>
↓上記の「経度緯度」の漢字の間に中点(・)を入れ、数値の相手にカンマを入れ、他はそのままにする置換、これでいけた(正規表現・サクラエディタ使用)
置換前 ("経度)(緯度: 139.[0-9]{4,6}) (35.[0-9]{4,6}<br>)
置換後 $1・$2,$3
"経度・緯度: 139.737553,35.627885<br>
"経度・緯度: 139.737617,35.631816<br>
"経度・緯度: 139.740636,35.639933<br>
"経度・緯度: 139.743953,35.644922<br>
"経度・緯度: 139.749349,35.647845<br>
2022年6月24日(金)23:17:03
316文字
WEB,地図,leaflet
Ogre - ogr2ogr web client だとおかしくなってしまってleafletの外部データとして上手く反映できなかった。サイトは良さげなんだけど。
KML→GPXに変換はここ(miconv.com)
npmインストールってしたことないけど、よくわかってないけど、何やら面白そうなサイト出てきた。パッケージ検索サイト。
npm.io _ NPM packages search engine
CDNとnpm installってどう違うの?_stripeを例に_
↓これも相互変換サイト?すごい良さげ。
geojson.io
2022年6月23日(木)17:11:43
1200文字
WEB,置換・正規表現,leaflet
参考:Word検索と置換ワイルドカード
参考:基本的な正規表現一覧 _ murashun.jp
参考:メタ文字(括弧など)を消去/置換
参考:【まとめ】ワイルドカード(正規表現)に関する記事一覧
参考:正規表現を可視化してまとめたチートシート - Qiita
↓139.[0-9]{5,6} 35.[0-9]{5,6} で一括削除できる(サクラエディタ使用)
139.737553 35.627885
139.737617 35.631816
139.740636 35.639933
139.743953 35.644922
↓前方の経度緯度のみを削除する場合は "POINT \(139.[0-9]{5,6} 35.[0-9]{5,6}\)", でいける
"POINT (139.737553 35.627885)",139.737553 35.627885,品川線,東京都,1903.0,1950.0,1966.0,EB03_15307001,品川駅前駅(品川線),
"POINT (139.737617 35.631816)",139.737617 35.631816,品川線,東京都,1903.0,1950.0,1966.0,EB03_15307002,高輪北町駅(品川線),
"POINT (139.740636 35.639933)",139.740636 35.639933,品川線,東京都,1903.0,1950.0,1966.0,EB03_15307004,田町九丁目駅(品川線),
"POINT (139.743953 35.644922)",139.743953 35.644922,品川線,東京都,1903.0,1950.0,1966.0,EB03_15307005,札ノ辻駅(品川線),
"POINT (139.749349 35.647845)",139.749349 35.647845,品川線,東京都,1903.0,1950.0,1966.0,EB03_15307006,三田駅(品川線),
"POINT (139.739257 35.637267)",139.739257 35.637267,品川線,東京都,1903.0,1950.0,1966.0,EB03_15307003,泉岳寺前駅(品川線),
"POINT (139.749349 35.647845)",139.749349 35.647845,金杉線,東京都,1903.0,1950.0,1966.0,EB03_15308001,三田駅(金杉線),
"POINT (139.752489 35.648844)",139.752489 35.648844,金杉線,東京都,1903.0,1950.0,1966.0,EB03_15308002,東京港口駅(金杉線),
2022年6月23日(木)14:01:04
112文字
WEB,置換・正規表現,leaflet
OS Windows 改行コード CR+LF 正規表現 \r\n
OS MacOS 改行コード CR 正規表現 \r
OS Unix 改行コード LF 正規表現 \n
参考:文字符号化と改行コード
2022年6月23日(木)13:01:28
683文字
WEB,地図,leaflet
↓2005年からあるこのサービスを知らなかった。一瞬Googleの公式サービスかと思ったが、Google Mapsを利用した個人サイトだそうだ。
参考:Geocoding - 住所から緯度経度を検索
2005年開設当時のWayback Machine 見たら↓こんな風に書いてあってびっくりした。
当サイトについて:
個人(Aoba)が趣味の範囲で運用しています。収入源が無いので赤字です(笑)
座標検索のREST APIを実験的に公開中!説明はこちら
ご意見・ご感想・バグなどの報告は aoba@geocoding.jp までお願いします。(@を半角に変えてください)
利用上の注意:
無料です。
リンクもフリーです。連絡も不要です。
検索結果への直接リンク、直接POSTも当然フリーです。
ただしプログラムやスクリプトなどからのご利用は“誰にもばれない程度”に抑えてください。
JavaScriptをOFFにしておくと、検索結果画面には座標のみが表示されます。この方が動作は早いです。
Geocoding.jpでは『似非日本測地系(TOKYO97風)』が使用されています。
Google Maps APIが『世界測地系(WGS84)』に対応したらどうしよう…検討中です。
Google Mapsの仕様変更やその他の影響により、突然サービスを変更あるいは停止する可能性があります。
上項の理由により当サイトを利用してお金を取る行為は止めてください。
2022年6月23日(木)10:16:52
199文字
PCソフト&アプリ,leaflet
↓ これでいけた
「ツール」→「オプション」→「編集」タブの「ドラッグ アンド ドロップ編集を行う」のチェックを外す。
参考:【Excel】セルをクリックすると飛ぶのはなぜ?原因と対策について - Electrical Information
けど、起動して新しいファイルを開くたびにこの設定を行わなければいけない。なぜだ。
2022年6月21日(火)19:35:52
701文字
WEB,置換・正規表現,leaflet
「map_1.addLayer(\(.+?\));」で下記のコードを一括削除できる(サクラエディタ使用)
map_1.addLayer(nanakuni);
map_1.addLayer(nanakuni_1,nanakuni_2,nanakuni_3,nanakuni_4,nanakuni_5,nanakuni_6);
map_1.addLayer(daimachi_1,daimachi_2,daimachi_3,daimachi_4);
map_1.addLayer(sennnincho_1,sennnincho_2,sennnincho_3,sennnincho_4);
map_1.addLayer(owada_machi_1,owada_machi_2,owada_machi_3,owada_machi_4,owada_machi_5,owada_machi_6);
map_1.addLayer(minamino_1,minamino_2,minamino_3,minamino_4,minamino_5,minamino_6);
参考:正規表現サンプル(かっこで囲まれた文字を検索する)
-------------------------------------------------------------------------------
[、-龠0-9a-zA-Z] で全角文字(ひらがな/カタカナ/漢字/記号/英数字)を一括削除できる
参考:Word2010-2016:ワイルドカードを使った文字種ごとの検索- 教えて!HELPDESK
【GIS】#14 カシミール3D向け 今昔マップの旧版地形図タイルマップjsonファイル一式の公開 (2022.4.21 米沢・伊那・伊賀追加).|くにみち|note