高德地图实现根据指定经纬度显示地图

1.导入的jar包

 

2.权限:

 

 <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
View Code

3.加入key值

 

 <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <meta-data android:name="com.amap.api.v2.apikey" android:value="e9c74e3b5975424f5a123a405878bd23"></meta-data>
View Code

4.xml文件

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.administrator.myapplicationmap.MainActivity">

   <com.amap.api.maps2d.MapView
       android:id="@+id/map"
       android:layout_height="match_parent"
       android:layout_width="match_parent">
       </com.amap.api.maps2d.MapView>
</RelativeLayout>
View Code

5.MainActivity

package com.example.administrator.myapplicationmap;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

import com.amap.api.maps2d.AMap;
import com.amap.api.maps2d.CameraUpdateFactory;
import com.amap.api.maps2d.MapView;
import com.amap.api.maps2d.model.BitmapDescriptorFactory;
import com.amap.api.maps2d.model.GroundOverlay;
import com.amap.api.maps2d.model.GroundOverlayOptions;
import com.amap.api.maps2d.model.LatLng;
import com.amap.api.maps2d.model.LatLngBounds;
import com.amap.api.maps2d.model.MarkerOptions;


public class MainActivity extends AppCompatActivity {
      MapView mMapView = null;
      LatLng ll;
    private GroundOverlay groundoverlay;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //获取地图控件引用
        mMapView = (MapView) findViewById(R.id.map);

        //在activity执行onCreate时执行mMapView.onCreate(savedInstanceState),实现地图生命周期管理
        mMapView.onCreate(savedInstanceState);
        AMap aMap = mMapView.getMap();

        //AMap aMap = mMapView.getMap();
        LatLng latLng = new LatLng(30.272116, 120.096134);
        aMap.moveCamera(CameraUpdateFactory.newLatLngZoom(latLng, 19));

        //设置远小近大效果,设置刷新一次图片资源的周期。
        MarkerOptions markerOption = new MarkerOptions();
        markerOption.position(latLng);
        markerOption.title("西安市").snippet("西安市:34.341568, 108.940174");
        markerOption.draggable(true);
        markerOption.icon(BitmapDescriptorFactory.fromResource(R.mipmap.ic_launcher));
        aMap.addMarker(markerOption);

       // aMap.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(39.936713, 116.386475), 19));
//设置图片的显示区域。
//        LatLngBounds bounds = new LatLngBounds.Builder()
//                .include(new LatLng(39.935029, 116.384377))
//                .include(new LatLng(39.939577, 116.388331)).build();
//
//        groundoverlay = aMap.addGroundOverlay(new GroundOverlayOptions()
//                .anchor(0.5f, 0.5f).transparency(0.1f)
//                .image(BitmapDescriptorFactory.fromResource(R.mipmap.ic_launcher))
//                .positionFromBounds(bounds));
//


    }
    @Override
    protected void onDestroy() {
        super.onDestroy();
        //在activity执行onDestroy时执行mMapView.onDestroy(),实现地图生命周期管理
        mMapView.onDestroy();
    }
    @Override
    protected void onResume() {
        super.onResume();
        //在activity执行onResume时执行mMapView.onResume (),实现地图生命周期管理
        mMapView.onResume();
    }
    @Override
    protected void onPause() {
        super.onPause();
        //在activity执行onPause时执行mMapView.onPause (),实现地图生命周期管理
        mMapView.onPause();
    }
    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        //在activity执行onSaveInstanceState时执行mMapView.onSaveInstanceState (outState),实现地图生命周期管理
        mMapView.onSaveInstanceState(outState);
    }

}
View Code

 

转载于:https://www.cnblogs.com/galibujianbusana/p/5747414.html

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是在Vue中使用高德地图显示并标记指定经纬度的完整代码: 首先,在Vue项目中安装高德地图SDK: ``` npm install --save @amap/amap-jsapi-loader ``` 然后,在需要显示地图的组件中,引入高德地图SDK并初始化地图: ```html <template> <div id="mapContainer"></div> </template> <script> import { Loader } from '@amap/amap-jsapi-loader'; export default { name: 'Map', data() { return { map: null, // 地图对象 marker: null, // 标记点对象 center: [116.397428, 39.90923], // 默认中心点坐标 } }, mounted() { this.initMap(); }, methods: { async initMap() { const loader = new Loader({ key: 'your_amap_key', version: '2.0', plugins: ['AMap.Geocoder'], }); try { const AMap = await loader.load(); this.map = new AMap.Map('mapContainer', { zoom: 13, center: this.center, }); this.addMarker(this.center); } catch (error) { console.log(error); } }, addMarker(position) { this.marker = new AMap.Marker({ position, map: this.map, }); }, }, } </script> <style> #mapContainer { height: 500px; } </style> ``` 在上面的代码中,我们首先通过 `@amap/amap-jsapi-loader` 库引入高德地图SDK,并在 `initMap` 方法中初始化地图对象,并将其挂载到页面上指定的 `div` 元素上。这里我们设置了默认的中心点坐标和缩放级别,你可以根据自己的需求进行修改。 接下来,在 `addMarker` 方法中添加标记点对象,并指定其坐标和所属地图对象。注意,这里的 `AMap` 对象是在 `initMap` 方法中通过 `await loader.load()` 异步加载的。 最后,我们在模板中添加一个 `div` 元素作为地图容器,并设置其高度以适应地图显示。 当你需要显示指定经纬度的位置时,只需要在 `initMap` 方法中将 `center` 数据属性改为指定经纬度即可,例如: ```javascript this.center = [116.397428, 39.90923]; ``` 这样,在地图初始化时会以指定经纬度为中心点显示地图,并在该位置添加一个标记点。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值