マップ

マップ

【マップ】Googleマップのマイマップでルート表示する際の縮尺指定

Googleマップのマイマップでルートを表示します。マイマップで地図埋め込み用のiframeタグのソースには縮尺の指定がありません。マップのURLにパラメータを追加することで縮尺が指定できます。

マップ

【マップ】Googleマップを遅延表示してページの表示速度を改善

Googleマップを遅延表示してページの表示速度を改善します。GoogleマップはGoogle Maps APIを利用せず、通常のiframeタグを埋め込んで表示します。

マップ

【マップ】現在位置を取得してGoogleマップにマーカーを表示

Google Maps APIを利用して表示するGoogleマップで、ユーザーの現在位置を取得してマーカーを表示します。

マップ

【マップ】Googleマップのルート表示

Google Maps APIを利用して表示するGoogleマップで、スタート地点からゴール地点までのルートを表示します。

マップ

【マップ】Googleマップのマーカーのサイズと表示位置を調整

Google Maps APIを利用して表示するGoogleマップで、オリジナル画像で設定したマーカーのサイズを縮小し、表示位置を通常よりも25pxだけ上に移動します。

マップ

【マップ】Googleマップのデザイン変更

Google Maps APIを利用して表示するGoogleマップで、マーカーを目立たせるために地図のデザインを変更します。地図全体をグレースケールにして、地図上の観光スポット、施設、学校、公園等は非表示にします。

マップ

【マップ】Googleマップにオリジナル画像を重ねて表示

Google Maps APIを利用して表示するGoogleマップで、オリジナル画像を地図に重ねて表示します。マーカーは地図を拡大・縮小しても同じ大きさですが、重ねたオリジナル画像は地図の拡大・縮小に対応します。

マップ

【マップ】Googleマップのマーカーをクリックして情報ウィンドウを表示

Google Maps APIを利用して表示するGoogleマップで、マーカーをクリックして情報ウィンドウを表示する動作を実装します。

マップ

【マップ】Googleマップの各種コントローラーの設定

Google Maps APIを利用して表示するGoogleマップで、各種コントローラーの表示・非表示の設定をします。

マップ

【マップ】Googleマップのマーカーをオリジナル画像に変更

Google Maps APIを利用してWebサイトに地図を埋め込み、オリジナル画像のマーカーを配置します。

タイトルとURLをコピーしました