MapBox 的简单使用

最新推荐文章于 2024-02-27 15:27:37 发布

原创最新推荐文章于 2024-02-27 15:27:37 发布 · 6.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#android开发 MapBox #mapBox定位 #mapbox简单使用 #android开发 mapbox地图简单使用 #MapBox地图简单使用

MapBox 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在Android应用中集成MapBox地图并实现定位功能。从注册账号获取token开始，逐步指导如何配置Android Studio，导入SDK，设置权限，以及在布局文件中调用MapView。同时，提供了代码示例，展示如何实现OnMapReadyCallback和PermissionsListener接口，设置地图样式，初始化展示级别，以及启用定位组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近接触了美国地图 MapBox ，觉得这个地图功能挺多、而且很详细，就学习了一下，在这里简单讲解一下基本地图、定位使用：

一、首先登陆官方网站 https://account.mapbox.com/ 注册账号，这里需要注意一点，和国内地图不同，MapBox不需要注册秘钥，当你注册账号成功，网站会自动给你一个默认 token，这个token就是使用地图的秘钥（token可以自己创建），然后选择地图 SDK 类型（建议英语差的小伙伴选择谷歌浏览器一键翻译）。：

二、对 Android Studio 进行配置，导入SDK，并配置权限；

1、在 build.gradle 里面：

repositories {

mavenCentral()

}

dependencies {

implementation 'com.mapbox.mapboxsdk:mapbox-android-sdk:7.1.2'

}

2、在 AndroidManifest.xml 添加权限：

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.INTERNET" />

三、简单使用

1、布局里面调用 MapView：

<com.mapbox.mapboxsdk.maps.MapView
    android:id="@+id/mapView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

2、代码中调用，首先实现 OnMapReadyCallback,PermissionsListener 两个接口，并定义地图实例、设置地图初始展示级别，设置权限申请。

public class ShowUserAdressActivity extends AppCompatActivity implements OnMapReadyCallback,PermissionsListener {

    private PermissionsManager manager;
    private MapboxMap map;
    private MapView mapView;
    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_user_adress);

        mapView = findViewById(R.id.mapView);
        mapView.onCreate(savedInstanceState);
        mapView.getMapAsync(this);

    }

    @Override
    public void onMapReady(@NonNull MapboxMap mapboxMap) {

        map = mapboxMap;
        
        // 设置地图 Style 样式
        map.setStyle(Style.SATELLITE,
                new Style.OnStyleLoaded() {
                    @Override
                    public void onStyleLoaded(@NonNull Style style) {
                            enableLocation(style);
                    }
                });

        // 初始化地图展示级别
        map.animateCamera(CameraUpdateFactory.zoomBy(13));

    }

    @Override
    public void onExplanationNeeded(List<String> permissionsToExplain) {
        Toast.makeText(this,"请打开权限",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onPermissionResult(boolean granted) {
        if (granted){
            map.getStyle(new Style.OnStyleLoaded() {
                @Override
                public void onStyleLoaded(@NonNull Style style) {
                    enableLocation(style);
                }
            });
        }else {
                Toast.makeText(this,"未授予权限",Toast.LENGTH_SHORT).show();
                finish();
        }
    }

    // 获取定位组件详情
    @SuppressLint("MissingPermission")
    private void enableLocation(Style style){
        if (PermissionsManager.areLocationPermissionsGranted(this)){
            LocationComponent component = map.getLocationComponent();
            component.activateLocationComponent(this,style);

            // 打开定位
            component.setLocationComponentEnabled(true);

            // 设置相机模式
            component.setCameraMode(CameraMode.TRACKING);
            // 设置渲染模式
            component.setRenderMode(RenderMode.NORMAL);

        }else {
            manager = new PermissionsManager(this);
            manager.requestLocationPermissions(this);
        }
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        manager.onRequestPermissionsResult(requestCode,permissions,grantResults);
    }

    @Override
    protected void onStart() {
        super.onStart();
        mapView.onStart();
    }

    @Override
    protected void onResume() {
        super.onResume();
        mapView.onResume();
    }

    @Override
    protected void onPause() {
        super.onPause();
        mapView.onPause();
    }

    @Override
    protected void onStop() {
        super.onStop();
        mapView.onStop();
    }

    @Override
    public void onLowMemory() {
        super.onLowMemory();
        mapView.onLowMemory();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mapView.onDestroy();
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        mapView.onSaveInstanceState(outState);
    }

}

如果文章对你有用，请点个赞！