すん

JavaScript

WordPressの記事内でJavaScriptを実行する方法

私のOpenLayersの記事は、その記事の中でJavaScriptを実行して、実際の動作が確認できるようになっています。 ・OpenLayersで図形を描画する方法 今回はその方法についてお伝えいたします。 手順 ...
JavaScript

線のスタイルを設定する方法~OpenLayersで図形を描画する⑭

今までの記事においてOpenLayersで図形を描画する方法についてお伝えしました。しかし、描画された図形の線の色は「赤」、線幅は「2px」で固定されていました。 描画前および描画後に、線のスタイル変更ができるように修正を行ってまい...
正規表現

正規表現で「または検索」を行う方法

普通のテキスト検索ではor(または)検索を行うことはできません。 以下のような場合、正規表現によるor検索を行う必要があります。 検索したいワードがあいまい(山崎と山﨑など)ログファイルの先頭が「2019-10-31」または「...
正規表現

正規表現の繰り返しの考え方

正規表現の繰り返しについて解説するために以下の文字列を用います。 ビルビールビーールビーーールビーーーールビーーーーール 指定回数繰り返し 本解説において、最も基本的な形は以下になります。 意味は、『「ビ」...
正規表現

否定の文字クラス【正規表現】

普通の文字クラス 正規表現で角カッコ[]を使用すると、文字クラスという意味になります。 角カッコ内に、検索したい候補の文字を記述することで、その中のどれかという意味になります。 例えば、として検索すると、「あ」または「い...
JavaScript

OpenLayersで地図コントロール上に独自のボタンを配置する

前回の記事でWebページ上に地図を表示させる方法をお伝えしました。 今回は表示した地図上にオリジナルのボタンを配置します。 実際にやってみた 前回の記事内のソースコードにボタンについての追記を行いました。 ...
JavaScript

OpenLayersで描画した図形をJSONで保存する方法~OpenLayersで図形を描画する⑫

今までの記事で、図形を描画する方法についてお伝えしてきました。 地図上に線を引いたり、円を描いたり、マーカーを配置することにより、ある地点を強調することが可能になります。 業務系のアプリケーションにおいて、一度描画した図形はフ...
JavaScript

図形の色を設定する方法~OpenLayersで図形を描画する⑮

今までの記事において、OpenLayersで図形を描画する方法についてお伝えしました。しかし、描画された図形の色は「赤」、透過性は「0.3」で固定されていました。 ※本投稿では図形の色のことをfillColor、透過性のことをOpa...
JavaScript

OpenLayersでミニマップを表示する方法

OpenLayersで地図を表示する際、画面の隅にミニマップ(俯瞰図、OverviewMap)を表示することができます。 ミニマップを表示することができれば、「現在表示されている地点が、全体のどの部分かを把握することができる」という...
JavaScript

矢印で強調する方法~OpenLayersで図形を描画する④

地図を表示する際、ある地点を強調したくなるときがあります。 マーカーを使用することで目印とすることができますが、矢印をしようするとさらに強調することができます。 実際にやってみた 実行結果はこんな感じになります。 ...
タイトルとURLをコピーしました