Muni Bus

パソコンの操作方法や設定方法を忘れないようにメモしています。ブログを一回引っ越ししているので、所々表示がかなり乱れています・・・

JavaScript

【JavaScript】地図上に図形を描画する(「位置情報エンジニア養成講座」(秀和システム)pp.134-137)

HTMLファイルは文字コードをシフトJIS、改行コードはCR+LFで保存すること。 <html> <head> <title>pp.134-137</title> </head></html>

【JavaScript】地図上にもっと多くのピンを立てる(「位置情報エンジニア養成講座」(秀和システム)pp.130-134)

以下の例では、以下の自作のGeoJSON形式(合計3点)のファイルを読み込ませてピンを立てている。GeoJSONファイルはファイル名をp130.geojsonとして、HTMLファイルと同じフォルダーに置いておく。HTMLファイルは文字コードをシフトJIS、改行コードはCR+LFで、…

【JavaScript】地図上に多くのピンを立てる(「位置情報エンジニア養成講座」(秀和システム)pp.127-130)

以下の例では、以下の自作のGeoJSON形式(合計3点)のファイルを読み込ませてピンを立てている。GeoJSONファイルはファイル名をp127.geojsonとして、HTMLファイルと同じフォルダーに置いておく。HTMLファイルは文字コードをシフトJIS、改行コードはCR+LFで、…

【JavaScript】地図上にピンを立てる(「位置情報エンジニア養成講座」(秀和システム)pp.125-126)

オリジナルとは異なり、地図タイルは地理院タイルを指定し出典明示もそのようにしている。また、初期表示の中心座標も少し北側にずらしている。 <html> <head> <title>pp.125-126</title> </head></html>

【JavaScript】地図タイルを背景として表示(「位置情報エンジニア養成講座」(秀和システム)pp.122-123)

オリジナルとは異なり、地図タイルは地理院タイルを指定し出典明示もそのようにしている。また、初期表示の中心座標も少し北側にずらしている。 <html> <head> <title>pp.122-123</title> </head></html>

【JavaScript】文字列の長さを得る

lengthプロパティを使う。 console.log('123'.length); console.log('ABC123あいう'.length); 出力 3 9

【JavaScript】文字列の前後の空白を取り除く

trimメソッドを使う。 let s = " ABC "; console.log(">" + s.trim() + "<"); 出力 >ABC

【JavaScript】文字列を数値に変換する

Number関数か、NumberオブジェクトのpraseInt、praseFloatメソッドを使う。Number関数は、整数にも小数にも使える。praseIntメソッドは整数に、parseFloatメソッドは少数への変換に使う。 let s1 = '3'; let s2 = '1.2345'; console.log(Number(s1)); consol…

【JavaScript】サーバーに置いてあるテキストファイルを自動で読み込んで表示する

ブラウザーを操作している各コンピューターではなく、ウェブサーバーソフトウェアが稼働しているサーバーに置いたテキストファイルを、ブラウザーでHTMLファイルを開いたときに自動で画面に表示する方法。 以下をprint.htmlとして、ウェブサーバーソフトウェ…