プレイスライブラリを使って特定のタイプの店や施設を検索してマーカーとして地図上に表示するサンプルコードを作成しました。
続きを読む
VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
VPSサーバーを使ってWebサイトを運用する過程で行った作業、調査内容を備忘としてまとめています。
カテゴリー別アーカイブ: コーディング
AngularJSを使ってGoogleマップ(16)クリックした地点のストリートビューを表示
ストリートビューサービスを使って、クリックした地点のストリートビューを表示するサンプルコードを作成しました。
続きを読む
AngularJSを使ってGoogleマップ(15)地図とストリートビューを並べて表示
地図とストリートビューを並列に並べて表示するサンプルコードを作成しました。
続きを読む
AngularJSを使ってGoogleマップ(14)ジオコーディングを使って入力した住所にマーカーを表示
ジオコーディングサービスを使ってフォームに入力した住所を位置情報(緯度、経度)に変換して、その位置にマーカーを表示してみます。
続きを読む
AngularJSを使ってGoogleマップ(13)逆ジオコーディングで地図上クリックで住所を表示
ジオコーディングサービスを使って地図上をクリックしたポイントの位置情報(緯度、経度)を住所に変換して表示してみます。
続きを読む
Angular2のフォームで非同期のバリデート、入力値の変更検知
Angular2のカスタムフォームで、非同期のバリデーションチェック、入力値の変更をリアルタイムに検知するサンプルを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認
続きを読む
AngularJSを使ってGoogleマップ(12)Fusionテーブルのデータを地図上にマーカーとして表示
Fusionテーブルに登録したデータを地図上にマーカーとして表示する方法についてです。
続きを読む
Angular2でカスタムバリデート、カスタムフォーム
Angular2でユーザー定義のバリデーションやユーザー定義のフォームを作成する方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)
続きを読む
AngularJSを使ってGoogleマップ(11)ルートサービスで表示するルートの線の色、太さを設定する方法
ルートサービスで地図上に表示したルートの線の色、太さを変更する方法についてです。
続きを読む
Angular2でNavigationEndイベントを使ってflashメッセージ表示
フォームでデータ送信後に別のページに遷移する際、遷移直後のみ完了メッセージを表示(flashメッセージ)するサンプルを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)
続きを読む