[Android] Google Map ズームとアイコン画像貼り付け

プロジェクト作成でGoogle Map Activity を選択することで、簡単にGoogle Mapを利用することができました。Google Map 簡単に地図を表示

これを元に、ズーム表示とマーカーの代わりにアイコン画像を張り付けてみたいと思います。

gmap marker 1 170x300 - [Android] Google Map ズームとアイコン画像貼り付け
gmap 04 - [Android] Google Map ズームとアイコン画像貼り付け
iconをmarkerに

Android Studio 3.0.1
Android 8.0

 



Google Maps Activity

 
project の新規作成にて Google Maps Activity を選択することで、すぐにmapを表示できるコードが生成されます。

「Google Map API Key v2」を入れるだけです。

google_maps_api.xml

YOUR_KEY_HEREのところにキーを入れます
Google Map API Key v2 の作成

出来上がったコードで、OnMapReadyCallbackに緯度経度を入れれば、そのロケーションをマーカーを付けて表示できます。

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

また標準のマーカーをアイコン画像に変更するとこうなります。

MapsActivity.java

 
ズームとしてはnewLatLngZoomを使えるのですが

これはクラッシュします
基本的にはprelayoutをするといけないのですが無理くり決め打ちにして実装しました
他の方法もあるようです
 
 
関連ページ:

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

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう、時間の制約がないところが一番の魅力です。

以下の3つはAndroidが学習できるオンラインスクールです。


TECH ACADEMY
Androidアプリコース



侍エンジニア塾
侍エンジニア塾 無料体験レッスン



CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp





正直ネットや本では限界があります。直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。

尚、スクールがダメだと言う人がいますが、やる気があれば問題ありません。与えられるのを待っていてはいけないですね
欲しいものは取りに行くのです。


Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影

Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

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

フォローする