表示したルートをドラッグして変更できるようにし、ルートを変更すると計算結果のテキスト表示も更新させるサンプルコードを作成しました。
続きを読む
VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
VPSサーバーを使ってWebサイトを運用する過程で行った作業、調査内容を備忘としてまとめています。
カテゴリー別アーカイブ: コーディング
Angular2のルーティング設定、RESTのサンプル作成
RESTのサンプルを作成しながらAngular2のルーティング設定の方法を確認しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
AngularJSを使ってGoogleマップ（９）ルート計算の結果をテキストでも表示する
前回は経由地も複数選択して地図上に徒歩ルートを表示しました。今回は、ルート計算の結果をテキストでも表示するようにしました。
続きを読む
Angular2でJSONPを使ってサーバー通信
Angular2でJSONPを使ってサーバー通信する方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
AngularJSを使ってGoogleマップ（８）経由地を指定して徒歩ルートを表示する
前回はルートサービスを使って出発地と目的地の２地点間の徒歩ルートを表示しました。今回は、経由地も複数選択できるようにし、散策ルートなどを表示できるようにしました。
続きを読む
Angular2でObservableを使ってHTTPリクエストを複数送信
Observableを使ってhttpリクエストを複数実行する方法を確認しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
ブートストラップ３のaffixとScrollSpyを使ったサンプルレイアウト
ブートストラップ３のサンプルoffcanvasを流用してaffixとScrollSpyを使ったサンプルレイアウトを作成しました。これによって、ページ内をスクロールするとその位置に応じてサイドバーのリンクがアクティブになります。
以下、Bootstrap v3.3.7を使って確認しています。
続きを読む
AngularJSを使ってGoogleマップ（７）ルートサービスを使って簡単な徒歩ルートを表示する
ルートサービスを使って、出発地から目的地への徒歩ルートを表示させてみます。
続きを読む
Angular2でHTTP POST送信
Angular2のHTTPクライアントのpostメソッドでサーバーへ送信する方法、HTTPヘッダーの設定方法と送信データの変換方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
AngularJSを使ってGoogleマップ（６）交通レイヤを表示する方法
交通レイヤはlayerタグを使って表示する事が出来ます。
続きを読む