📌  相关文章
📜  如何在Android的Google地图中添加自定义标记?

📅  最后修改于: 2021-05-13 15:40:10             🧑  作者: Mango

许多应用程序都使用Google Maps来显示位置并指示地图上的特定位置。我们已经看到在许多提供Ola,Uber等服务的应用程序中使用了地图。在这些应用程序中,您将看到如何在Android中将自定义标记添加到Google Maps。

我们将在本文中构建什么?

我们将构建一个简单的应用程序,在其中显示地图,并在该地图上在我们的应用程序上显示自定义标记。下面是屏幕快照,在其中我们将看到我们将在此项目中进行的操作。注意,我们将使用Java语言实现该项目。

分步实施

步骤1:创建一个新项目

要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。确保在创建新项目时选择“地图活动”。

第2步:生成用于使用Google Maps的API密钥

要生成Maps的API密钥,您可以参考 如何生成用于在Android中使用Google Maps的API密钥。生成Google Maps的API密钥后。我们必须将此密钥添加到我们的项目中。要在我们的应用程序中添加此密钥,请导航至values文件夹> google_maps_api.xml文件,并在第23行中,您必须在YOUR_API_KEY位置添加API密钥。现在添加此标记后,我们就可以将自定义标记添加到我们的应用程序了。添加API密钥后,您可以运行您的应用,然后您将在悉尼位置看到带有默认标记的默认标记。

步骤3:在Google Maps中添加自定义标记

要将自定义标记添加到Google Maps,请导航至应用> res> drawable>右键单击它> New> Vector Assets,然后选择我们必须在您的Map上显示的图标。您可以根据我们的要求更改颜色。创建此图标后,我们将朝着将此标记添加到地图中的方向前进。

步骤4:使用MapsActivity。 Java文件

转到MapsActivity。 Java文件并参考以下代码。以下是MapsActivity的代码。 Java文件。在代码内部添加了注释,以更详细地了解代码。

Java
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
  
import androidx.core.content.ContextCompat;
import androidx.fragment.app.FragmentActivity;
  
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.BitmapDescriptor;
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 MapsActivity extends FragmentActivity implements OnMapReadyCallback {
  
    private GoogleMap mMap;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_maps);
        // Obtain the SupportMapFragment and get notified
        // when the map is ready to be used.
        SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
    }
  
    /**
     * Manipulates the map once available.
     * This callback is triggered when the map is ready to be used.
     * This is where we can add markers or lines, add listeners or move the camera. In this case,
     * we just add a marker near Sydney, Australia.
     * If Google Play services is not installed on the device, the user will be prompted to install
     * it inside the SupportMapFragment. This method will only be triggered once the user has
     * installed Google Play services and returned to the app.
     */
    @Override
    public void onMapReady(GoogleMap googleMap) {
        mMap = googleMap;
  
        // Add a marker in Sydney and move the camera
        LatLng sydney = new LatLng(-34, 151);
        mMap.addMarker(new MarkerOptions().position(sydney).title("Marker in Sydney")
                // below line is use to add custom marker on our map.
                .icon(BitmapFromVector(getApplicationContext(), R.drawable.ic_flag)));
        mMap.moveCamera(CameraUpdateFactory.newLatLng(sydney));
    }
  
    private BitmapDescriptor BitmapFromVector(Context context, int vectorResId) {
        // below line is use to generate a drawable. 
        Drawable vectorDrawable = ContextCompat.getDrawable(context, vectorResId);
          
        // below line is use to set bounds to our vector drawable. 
        vectorDrawable.setBounds(0, 0, vectorDrawable.getIntrinsicWidth(), vectorDrawable.getIntrinsicHeight());
          
        // below line is use to create a bitmap for our
        // drawable which we have added.
        Bitmap bitmap = Bitmap.createBitmap(vectorDrawable.getIntrinsicWidth(), vectorDrawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
          
        // below line is use to add bitmap in our canvas. 
        Canvas canvas = new Canvas(bitmap);
          
        // below line is use to draw our 
        // vector drawable in canvas. 
        vectorDrawable.draw(canvas);
          
        // after generating our bitmap we are returning our bitmap. 
        return BitmapDescriptorFactory.fromBitmap(bitmap);
    }
}


现在运行您的应用程序,并查看该应用程序的输出。

输出:

在Android输出中将自定义标记添加到Google Maps

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处,前往由我们的专家精心策划的指南,以使您立即做好行业准备!