Posts Tagged 'JavaScript'

前回作った表のデータの未入力箇所を置換えます。置換えるタイミングはラインのデータを生成するのと同じで、関数 add_lineの中で行います。
置き換わるデータの元となる変数を関数の外に配置します。なおこのソースは表示上不 [...]…

ラインの引かれたスタート地点と各ポインとまでの距離と道程を計算して表に出力します。マップを配置しているPHPファイルに下記を記述しコードが出力される場所を準備します。なおこのソースは表示上不必要な改行コードを…

ラインのコードを書き出すタイミングは、マーカーが追加されたとき、もしくはマーカーが再配置されたときで、すなわちラインを配置する関数 add_lineが実行されたときになります。
関数の外で変数宣言します。
var mar [...]…

マップ上にラインを描画するには下記のようにマップを設置する関数 load_mapの中に下記のように記述します。
ここでは変数 routeを配列として宣言し、その配列の中にポイントとなる位置情報を格納していきます、ラインの [...]…

配置した複数のマーカーを線で結びます。
マーカーを配置する関数 add_markerからラインを配置する関数 add_lineを実行します。マーカが追加されたときもしくはマーカーが再配置されたときに実行します。関数 ad [...]…

外部の JavaScriptファイルを修正します。
関数 load_mapに下記の1行を追加して、地図のコントローラの設置します。スケールコントローラやマップタイプコントローラは今回の目的のマップには不必要とし設置しませ [...]…

GoogleMapsの設置には「GoogleMapsを設置」を参考にして下さい。
GoogleMapsを設置するテンプレートから実際のマップを表示する関数を分離します、好きずきですが。
下記のように、テンプレートファイル [...]…

GoogleMapsにラインを表示するコードを書き出し、距離や道程を測定するツールを作る。
目標

地図の大きさを確保するために新たにテンプレートの作成
道程を測定するためのマーカー（移動可）を任意の数だけ設置
マーカー [...]…

ページに地図を貼付けるにはGoogla AccountとGoogle Maps API Keyが必要になります、API Keyはhttp://code.google.com/intl/ja/apis/maps/index [...]…

記事内にJavaScriptは、反映されるのか？
とゆー事で早速、下記のように記述
<script type="text/javascript">
//<![CDATA[
docu [...]…