表示したルートをドラッグして変更できるようにし、ルートを変更すると計算結果のテキスト表示も更新させるサンプルコードを作成しました。
続きを読む
カテゴリー別アーカイブ: コーディング
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で動作確認）
続きを読む