次はJSON形式のファイルを用意し、ダウンロードして利用してみます。次のようなJSON形式のファイルを用意しました。 { "marker":[ {"lat":41.772596,"lng":140.725261,"name":"函館朝市"}, {"lat":41.796864,"lng":140.756965,"name":"五稜郭"}, {"lat":41.772912,"lng":140.816231,"name":"函館空港"} ] } まずは読み込んだデータをeval関数を使ってオブジェクトに変換します。 function createMap(jsondata, statusCode){ var obj = eval("(" + jsondata + ")"); } 各プロパティに対する値を取り出します。これを含まれているデータの数だけ繰り返します。 function create
JavaScript の要素にはどのような値でも格納することができますが、要素の値として別の配列リテラルを格納することもできます。このような配列のことを多次元配列と呼びます。ここでは JavaScript で多次元配列を扱う方法について解説します。
Google Maps APIを使用することで、単にWebページ上に地図を表示するだけでなくマーカーを設置したり地図上でクリックされた時に独自の処理を行ったりといったことが可能になります。これらの機能を実現するために独自のスクリプトを追加していくことになるのですが、あまりWebページに長文のスクリプトを記述すると可読性が悪くなる場合があります。そこでこのページではスクリプトを外部ファイルに分けて記述す方法について解説します。 1.スクリプトを外部ファイルとして用意する 2.サンプルコード スクリプトを外部ファイルとして用意する 前のページで作成した次のHTMLページを例に試してみます。今回外部ファイルとして分離するのは次の部分です。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Google Ma
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
数値を固定小数点数形式で表した文字列を返します。小数点数の前の桁は元の数値のまま、小数点の後の桁は引数で指定した数となります。引数を省略した場合のデフォルト値は 0 です。 引数で指定した桁数で表示しきれない部分はより近い値へ丸められます。(四捨五入に似ていますが正確には異なります)。また数値を表すのに必要な桁数よりも引数で指定した桁数が多い場合は 0 で埋められます。 次のサンプルをみてください。 let num = 34.5642; console.log(num.toFixed()); >> 35 console.log(num.toFixed(1)); >> 34.6 console.log(num.toFixed(3)); >> 34.564 num = 1.6e-2; console.log(num.toFixed(1)); >> 0.0 console.log(num.toF
すべての子ノードを取得する Document オブジェクトの getElementById メソッドや querySelector メソッドなどを使って要素ノードを取得したあと、 Node オブジェクトの childNodes プロパティを参照することで、このノードの 1 つ下の階層にある子ノードをすべて取得することができます。書式は次の通りです。 このプロパティは参照専用です。戻り値として NodeList オブジェクトを返します。 NodeList オブジェクトは複数のノードの集合です。 NodeList オブジェクトでは length プロパティと item メソッドが用意されており、次のように取得したノードの数を取得したり、取得したノードを取り出すことができます。 let element = document.getElementById('main'); let children
JavaScript はクライアント側で実行されるオブジェクト指向型のスクリプト言語です。 JavaScript を用いることで、動的にWebページの内容を書き換えたりフォームに入力された内容をクライアント側でチェックしたりできます。ここでは JavaScript の使い方として JavaScript のプログラミングの方法をサンプルを用いて解説していきます。
配列に含まれる要素について、逆順に並べ替えたり指定した条件に従って並べ替えることができます。ここでは JavaScript で配列の要素を並び替える方法について解説します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く