2013-05-01から1ヶ月間の記事一覧

地図上に任意の画像をアイコンとして表示する

※地図上にアイコン(標準)を表示する方法は、ここを参考にして下さい。 †城のアイコンが地図上に表示されている 1. 使用するアイコンイメージをアップロードする 2. マーカー作成時にアイコンを指定する 1. 使用するアイコンイメージをアップロードする 1-(1)…

地図を画面いっぱいに表示する

※地図を表示する方法に関しては、ここを参考にして下さい。 1. styleを設定する 1-(1). html、bodyに対してスタイルを設定する html, body{ height: 100%; width: 100%; margin: 0; padding: 0; } 1-(2). 地図を表示するdivに対してスタイルを設定する #ymap…

地図上のアイコンがタップされたタイミングでダイアログを表示する

※地図上にアイコンを表示する方法に関しては、ここを参考にして下さい。 1.ダイアログを表示するファンクションを作成する 2.アイコンにイベントハンドラを登録する 1.ダイアログを表示するファンクションを作成する function markerClick(){ var ll = this.…

Monacaの地図(Yahoo Map)上にアイコン(マーカー)を表示する

※Yahoo Mapの表示に関しては、ここを参考にして下さい。 1.アイコンを表示する緯度・経度を指定してMarkerをNewする 2.アイコンを地図に登録する 1.アイコンを表示する緯度・経度を指定してMarkerをNewする var marker = new Y.Marker(new Y.LatLng(35.66582…

Monacaで地図(Yahoo Map)表示アプリを作成する

1.YahooのアプリケーションIDを取得する(前準備) 2.Yahoo Maps APIをHTMLファイルに読み込む 3.地図の描画領域を確保する 4.表示する地図の設定を行い、描画する 1.YahooのアプリケーションIDを取得する(前準備)(1)ここにアクセスし、アプリケーション情報を…

Monacaで地図(Google Map)表示アプリを作成する

1.Google Maps APIの利用設定を行う(前準備) 2.Google Maps APIをHTMLファイルに読み込む 3.地図の描画領域を確保する 4.表示する地図の設定を行い、描画する 1.Google Maps APIの利用設定を行う(前準備)(1)Google API Consoleにアクセスし、Google アカウン…

Monacaの学習開始

AndroidとiOSの同時開発が可能な開発環境「Monaca」の学習を開始しました。Cloud-Powered HTML5 Hybrid Mobile App Development Tools | Monaca