Android Google Maps示例教程
时间:2020-02-23 14:28:57 来源:igfitidea点击:
在本教程中,我们将在应用程序中讨论和实现android google maps API的一些有趣功能。
在我们开始讨论之前。
请确保您已通过Android Google地图设置。
这是前提条件。
Android Google Maps API概述
在本教程中,我们将实现Android Google Maps API提供的一些有趣的功能。
功能包括地图标记,地图类型,相机动画等。
像在上一个教程中一样,在content_main.xml
布局中添加地图片段。
这会将MapFragment附加到我们的MainActivity
。
为了在我们的MainActivity类中拥有GoogleMap对象,我们需要实现OnMapReadyCallback接口并重写onMapReady回调方法。
设定Google地图类型
使用google map对象,我们也可以更改地图类型。
有四种不同类型的地图,每种类型都提供不同的视图。
这些类型是"普通","混合","卫星"和"地形"。
我们可以按如下所示使用它们。
googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL); googleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID); googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE); googleMap.setMapType(GoogleMap.MAP_TYPE_TERRAIN);
Google Map缩放,旋转
我们可以使用以下代码行启用/禁用地图缩放和旋转:
googleMap.getUiSettings().setZoomGesturesEnabled(true); googleMap.getUiSettings().setRotateGesturesEnabled(true);
以下提供了GoogleMap类中可用的其他一些自定义方法。
addCircle(CircleOptions options)
:此方法向地图添加一个圆圈addPolygon(PolygonOptions options)
:此方法将多边形添加到地图中addTileOverlay(TileOverlayOptions options)
:此方法将图块叠加层添加到地图- animateCamera(CameraUpdate update):此方法根据带有动画的更新来移动地图
- clear():此方法从地图上删除所有内容
- getMyLocation():此方法返回当前显示的用户位置
moveCamera(CameraUpdate update)
:此方法根据更新中定义的说明重新定位相机setTrafficEnabled(boolean enabled)
:此方法打开或者关闭流量层- snapshot(GoogleMap.SnapshotReadyCallback回调):此方法拍摄地图快照
stopAnimation()
:如果正在进行动画播放,则此方法将停止播放动画
在Google地图上添加标记
googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.4233438,-122.0728817)) .title("LinkedIn") .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN))); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.4629101,-122.2449094)) .title("Facebook") .snippet("Facebook HQ: Menlo Park")); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.3092293,-122.1136845)) .title("Apple"));
轻按" snippet()"可在标记上显示更多数据。
使用以下代码片段将摄影机动画或者移动到特定点:
googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(37.4233438,-122.0728817),16));
在上面的代码中16是缩放级别编号。
地图将放大并居中于已定义的LatLng对象。
注意:LatLng对象被实例化并通过纬度和经度double值传递。
Android Google Maps示例代码
MainActivity.java的定义如下:
package com.theitroad.MapsInAction; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.View; import android.view.Menu; import android.view.MenuItem; import com.google.android.gms.maps.CameraUpdateFactory; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.OnMapReadyCallback; import com.google.android.gms.maps.SupportMapFragment; import com.google.android.gms.maps.model.BitmapDescriptorFactory; import com.google.android.gms.maps.model.LatLng; import com.google.android.gms.maps.model.MarkerOptions; public class MainActivity extends AppCompatActivity implements OnMapReadyCallback { SupportMapFragment mapFragment; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); mapFragment = (SupportMapFragment) getSupportFragmentManager() .findFragmentById(R.id.map); mapFragment.getMapAsync(this); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { mapFragment.getMapAsync(new OnMapReadyCallback() { @Override public void onMapReady(GoogleMap googleMap) { googleMap.setMapType(GoogleMap.MAP_TYPE_TERRAIN); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.4233438, -122.0728817)) .title("LinkedIn") .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN))); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.4629101,-122.2449094)) .title("Facebook") .snippet("Facebook HQ: Menlo Park")); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.3092293, -122.1136845)) .title("Apple")); googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(37.4233438, -122.0728817), 10)); } }); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { //Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { //Handle action bar item clicks here. The action bar will //automatically handle clicks on the Home/Up button, so long //as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } @Override public void onMapReady(GoogleMap googleMap) { googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.4233438, -122.0728817)) .title("LinkedIn") .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN))); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.4629101,-122.2449094)) .title("Facebook") .snippet("Facebook HQ: Menlo Park")); googleMap.addMarker(new MarkerOptions() .position(new LatLng(37.3092293, -122.1136845)) .title("Apple")); googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(37.4233438, -122.0728817), 10)); } }
我们在SupportMapFragment对象上调用getMapAsync()以注册回调。
FloatingActionButton调用具有不同地图类型的新OnMapReadyCallBack方法。
content_main.xml包含MapFragment,如下所示:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:app="https://schemas.android.com/apk/res-auto" xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="com.theitroad.MapsInAction.MainActivity" tools:showIn="@layout/activity_main"> <fragment android:id="@+id/map" android:name="com.google.android.gms.maps.SupportMapFragment" android:layout_width="match_parent" android:layout_gravity="center" android:layout_height="match_parent" </RelativeLayout>