[Android & Kotlin] Google Map ズームとピンをアイコン画像に変更

Google Mapに標準のマーカーとは別のアイコンを使うとか、あるいはズームでマップ表示させるにはどうするかやってみました。

1x1.trans - [Android & Kotlin] Google Map ズームとピンをアイコン画像に変更


Android Studio
2021.2.1




Google Maps Activity

 
project の新規作成にて Google Maps Activity を選択することで、すぐにmapを表示できるコードが生成されKeyを入れればすぐにできます。Google Mapプロジェクトの作成はこちらを参考にしてください。
 

x13.4 gmap 00 100x100 - [Android & Kotlin] Google Map ズームとピンをアイコン画像に変更
Google Mapアプリを作る場合には、プロジェクトの新規作成でGoogle Map Activityを選択すると簡単に出来上がります。 ...

 
作成したプロジェクトに、OnMapReadyCallbackに緯度経度を入れれば、そのロケーションをマーカーを付けて表示できます。

シドニーにマークされたマップが表示されますが、皇居付近に緯度経度を変えて、更にズームアップしてみます。

また標準のマーカーをアイコン画像に変更するとこうなります。
マーカーアイコンはbitmapの画像を作ってdrawableに入れておきます。

MapsActivity.kt

 

local.propertiesに記述

AndroidManifest.xml のYOUR_API_KEY を{MAPS_API_KEY}に置き換え

ズームさせマーカーをアイコンに変更すると
1x1.trans - [Android & Kotlin] Google Map ズームとピンをアイコン画像に変更

ズームとしてはnewLatLngZoomを使えます

 
 
関連ページ:

References:
API キーの取得 | Google Maps Android API | Google Developers
スタートガイド | Google Maps Android API | Google Developers
GitHub の Google マップ リポジトリ
Google Maps Android API – Google Developers
OnMapReadyCallback | Google APIs for Android | Google Developers




シェアする

  • このエントリーをはてなブックマークに追加

フォローする