Android 高德地图选点，定位；实现地图选点上车功能；

最新推荐文章于 2024-06-28 16:47:47 发布
最新推荐文章于 2024-06-28 16:47:47 发布
阅读量6.5k 收藏 19
点赞数 2
分类专栏： Android 文章标签： 地图选点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35605213/article/details/103400493
版权

实现的就是一个拖动地图，显示地图中心点的位置信息；大部分打车软件的地图选点上车功能；

先上图：

实现的功能：

1、显示地图，以及当前位置的蓝点；

2、获取当前位置信息（定位）；

3、获取地图中心点坐标，移动地图后获取地图中心点坐标；

4、逆地理编码，根据当前经纬度获取附近的地理位置信息；

①、显示地图和蓝点，设置一些地图上面的显示信息：

if (aMap == null) {
            aMap = mMapView.getMap();
        }
        //设置定位蓝点
        MyLocationStyle myLocationStyle;
        myLocationStyle = new MyLocationStyle();//初始化定位蓝点样式类myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATION_ROTATE);//连续定位、且将视角移动到地图中心点，定位点依照设备方向旋转，并且会跟随设备移动。（1秒1次定位）如果不设置myLocationType，默认也会执行此种模式。
        myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATION_ROTATE_NO_CENTER);
        myLocationStyle.interval(2000); //设置连续定位模式下的定位间隔，只在连续定位模式下生效，单次定位模式下不会生效。单位为毫秒。
        myLocationStyle.strokeColor(Color.argb(0, 0, 0, 0));// 设置圆形的边框颜色    不显示范围圆圈
        myLocationStyle.radiusFillColor(Color.argb(0, 0, 0, 0));// 设置圆形的填充颜色 不显示范围圆圈
        aMap.setMyLocationStyle(myLocationStyle);//设置定位蓝点的Style
        aMap.getUiSettings().setMyLocationButtonEnabled(true);//设置默认定位按钮是否显示，非必需设置。
        aMap.setMyLocationEnabled(true);// 设置为true表示启动显示定位蓝点，false表示隐藏定位蓝点并不进行定位，默认是false。

        //设置缩放级别
        aMap.moveCamera(CameraUpdateFactory.zoomTo(15));

        // 控件交互 缩放按钮、指南针、定位按钮、比例尺等
        UiSettings mUiSettings;//定义一个UiSettings对象
        mUiSettings = aMap.getUiSettings();//实例化UiSettings类对象
        mUiSettings.setZoomControlsEnabled(false);
        mUiSettings.setMyLocationButtonEnabled(true); //显示默认的定位按钮
        aMap.setMyLocationEnabled(true);// 可触发定位并显示当前位置
        mUiSettings.setScaleControlsEnabled(true);//控制比例尺控件是否显示
        mUiSettings.setLogoPosition(AMapOptions.LOGO_MARGIN_LEFT);//设置logo位置

②、获取当前位置，并把当前位置设置为地图中心点；

 //获取位置信息
        mlocationClient = new AMapLocationClient(this);
        //初始化定位参数
        mLocationOption = new AMapLocationClientOption();
        //设置定位监听
        mlocationClient.setLocationListener(MapActivity.this);
        //设置定位模式为高精度模式，Battery_Saving为低功耗模式，Device_Sensors是仅设备模式
        mLocationOption.setLocationMode(AMapLocationClientOption.AMapLocationMode.Hight_Accuracy);
        //设置定位间隔,单位毫秒,默认为2000ms
        mLocationOption.setInterval(-1000);
        mLocationOption.setOnceLocation(true);
        //设置定位参数
        mlocationClient.setLocationOption(mLocationOption);
        //启动定位
        mlocationClient.startLocation();
    @Override
    public void onLocationChanged(AMapLocation amapLocation) {
        if (amapLocation != null && amapLocation.getErrorCode() == AMapLocation.LOCATION_SUCCESS) {
            L.cc(amapLocation.toStr());
            setMapCenter(amapLocation);
        } else {
            //显示错误信息ErrCode是错误码，errInfo是错误信息，详见错误码表。
            L.cc("AmapError", "location Error, ErrCode:" + amapLocation.getErrorCode() + ", errInfo:" + amapLocation.getErrorInfo());
        }
        mlocationClient.stopLocation();
        mlocationClient.onDestroy();
    }

    private void setMapCenter(AMapLocation amapLocation) {
        aMap.animateCamera(CameraUpdateFactory.newCameraPosition(
                new CameraPosition(new LatLng(amapLocation.getLatitude(), amapLocation.getLongitude())
                        , 15, 0, 0)), 300, null); //设置地图中心点
    }

③、移动地图后，获取中心点位置经纬度，并获取该位置的位置信息；

        //地图移动监听
        aMap.setOnCameraChangeListener(new AMap.OnCameraChangeListener() {
            @Override
            public void onCameraChange(CameraPosition cameraPosition) {

            }

            @Override
            public void onCameraChangeFinish(CameraPosition cameraPosition) {
                L.cc(cameraPosition.toString());
//                setMarker(cameraPosition.target);
                animTranslate();
                getGeocodeSearch(cameraPosition.target);
            }
        });
 private AnimatorSet animatorSet;
    public void animTranslate(){
       if (animatorSet == null) {
           animatorSet = new AnimatorSet();
           animatorSet.playTogether(ObjectAnimator.ofFloat(ivLocation, "scaleX", 1, 0.5f, 1).setDuration(300)
                   , ObjectAnimator.ofFloat(ivLocation, "scaleY", 1, 0.5f, 1).setDuration(300));
       }animatorSet.start();
    }

    private GeocodeSearch geocoderSearch;

    //逆地理编码获取当前位置信息
    private void getGeocodeSearch(LatLng targe) {
        if (geocoderSearch == null) geocoderSearch = new GeocodeSearch(this);
        geocoderSearch.setOnGeocodeSearchListener(this);
        // 第一个参数表示一个Latlng，第二参数表示范围多少米，第三个参数表示是火系坐标系还是GPS原生坐标系
        RegeocodeQuery query = new RegeocodeQuery(new LatLonPoint(targe.latitude, targe.longitude), 1000, GeocodeSearch.AMAP);
        geocoderSearch.getFromLocationAsyn(query);
    }

    @Override
    public void onRegeocodeSearched(RegeocodeResult regeocodeResult, int i) {
        if (i != 1000) return;
        mAdapter.setNewData(regeocodeResult.getRegeocodeAddress().getPois());
        tvLocationHeader.setText(regeocodeResult.getRegeocodeAddress().getProvince()
                + (TextUtils.equals(regeocodeResult.getRegeocodeAddress().getCity(), regeocodeResult.getRegeocodeAddress().getProvince()) ? "" : regeocodeResult.getRegeocodeAddress().getCity())
                + regeocodeResult.getRegeocodeAddress().getDistrict());
        tvLocation.setText("当前位置：" +regeocodeResult.getRegeocodeAddress().getFormatAddress());
    }

    @Override
    public void onGeocodeSearched(GeocodeResult geocodeResult, int i) {

    }

OK，这样就完成了，上面的代码供参考；

下面是全部的代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@color/main_white"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/mapLayout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp260">
        <com.amap.api.maps.MapView
            android:id="@+id/map"
            android:layout_width="match_parent"
            android:layout_height="260dp" />

        <View
            android:id="@+id/vCenter"
            android:layout_width="1px"
            android:layout_height="1px"
            android:layout_centerInParent="true"
            android:background="@color/transparent"
            />
        <android.support.v7.widget.AppCompatImageView
            android:id="@+id/iv_location"
            android:layout_width="16dp"
            android:layout_height="20dp"
            android:focusable="false"
            android:layout_alignBottom="@id/vCenter"
            android:layout_centerHorizontal="true"
            android:src="@mipmap/icon_location_hei"
            />

    </RelativeLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/mapLayout"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tvLocation"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:paddingLeft="@dimen/dp8"
            android:gravity="center_vertical"
            android:text="我的位置"
            android:textColor="@color/main_text" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:background="@color/line_color"
            />
        <android.support.v7.widget.RecyclerView
            android:id="@+id/rv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
    </LinearLayout>


</RelativeLayout>

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.widget.AppCompatImageView;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.LinearInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.TextView;

import com.amap.api.location.AMapLocation;
import com.amap.api.location.AMapLocationClient;
import com.amap.api.location.AMapLocationClientOption;
import com.amap.api.location.AMapLocationListener;
import com.amap.api.maps.AMap;
import com.amap.api.maps.AMapOptions;
import com.amap.api.maps.CameraUpdateFactory;
import com.amap.api.maps.MapView;
import com.amap.api.maps.UiSettings;
import com.amap.api.maps.model.CameraPosition;
import com.amap.api.maps.model.LatLng;
import com.amap.api.maps.model.Marker;
import com.amap.api.maps.model.MarkerOptions;
import com.amap.api.maps.model.MyLocationStyle;
import com.amap.api.maps.model.animation.Animation;
import com.amap.api.maps.model.animation.RotateAnimation;
import com.amap.api.services.core.LatLonPoint;
import com.amap.api.services.core.PoiItem;
import com.amap.api.services.geocoder.GeocodeResult;
import com.amap.api.services.geocoder.GeocodeSearch;
import com.amap.api.services.geocoder.RegeocodeQuery;
import com.amap.api.services.geocoder.RegeocodeResult;
import com.chad.library.adapter.base.BaseQuickAdapter;
import com.chad.library.adapter.base.BaseViewHolder;
import com.example.admin.ccb.R;

import www.ccb.com.common.base.BaseActivity;
import www.ccb.com.common.utils.L;
import www.ccb.com.common.utils.ToastUtils;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

public class MapActivity extends BaseActivity implements View.OnClickListener, AMapLocationListener, GeocodeSearch.OnGeocodeSearchListener {

    private BaseQuickAdapter<PoiItem, BaseViewHolder> mAdapter;

    @Override
    public int getContentViewResource() {
        return R.layout.activity_map;
    }

    private MapView mMapView;
    private AMap aMap = null;
    private TextView tvLocation, tvLocationHeader;
    private RecyclerView rv;
    private View rvHeadView;
    private AppCompatImageView ivLocation;
    //声明mlocationClient对象
    public AMapLocationClient mlocationClient;
    //声明mLocationOption对象
    public AMapLocationClientOption mLocationOption = null;


    @Override
    protected void initView() {
        UpTitle(null);
        mMapView = findViewById(R.id.map);
        mMapView.onCreate(savedInstanceState);
        rv = findViewById(R.id.rv);
        ivLocation = findViewById(R.id.iv_location);
        rv.setLayoutManager(new LinearLayoutManager(this));
        mAdapter = new BaseQuickAdapter<PoiItem, BaseViewHolder>(R.layout.item_maplocation_msg) {
            @Override
            protected void convert(BaseViewHolder helper, PoiItem item) {
                helper.setText(R.id.tvTitle, item.getTitle());
                helper.setText(R.id.tvContent, item.getSnippet());
                helper.itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        ToastUtils.showToast(item.getTitle());
                    }
                });
            }

        };
        rv.setAdapter(mAdapter);
        rvHeadView = View.inflate(mContext, R.layout.item_maplocation_head, null);
        tvLocationHeader = rvHeadView.findViewById(R.id.tvTitle);
        mAdapter.setHeaderView(rvHeadView);
    }

    @Override
    protected void initData() {
        if (aMap == null) {
            aMap = mMapView.getMap();
        }
        //设置定位蓝点
        MyLocationStyle myLocationStyle;
        myLocationStyle = new MyLocationStyle();//初始化定位蓝点样式类myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATION_ROTATE);//连续定位、且将视角移动到地图中心点，定位点依照设备方向旋转，并且会跟随设备移动。（1秒1次定位）如果不设置myLocationType，默认也会执行此种模式。
        myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATION_ROTATE_NO_CENTER);
        myLocationStyle.interval(2000); //设置连续定位模式下的定位间隔，只在连续定位模式下生效，单次定位模式下不会生效。单位为毫秒。
        myLocationStyle.strokeColor(Color.argb(0, 0, 0, 0));// 设置圆形的边框颜色    不显示范围圆圈
        myLocationStyle.radiusFillColor(Color.argb(0, 0, 0, 0));// 设置圆形的填充颜色 不显示范围圆圈
        aMap.setMyLocationStyle(myLocationStyle);//设置定位蓝点的Style
        aMap.getUiSettings().setMyLocationButtonEnabled(true);//设置默认定位按钮是否显示，非必需设置。
        aMap.setMyLocationEnabled(true);// 设置为true表示启动显示定位蓝点，false表示隐藏定位蓝点并不进行定位，默认是false。

        //设置缩放级别
        aMap.moveCamera(CameraUpdateFactory.zoomTo(15));

        // 控件交互 缩放按钮、指南针、定位按钮、比例尺等
        UiSettings mUiSettings;//定义一个UiSettings对象
        mUiSettings = aMap.getUiSettings();//实例化UiSettings类对象
        mUiSettings.setZoomControlsEnabled(false);
        mUiSettings.setMyLocationButtonEnabled(true); //显示默认的定位按钮
        aMap.setMyLocationEnabled(true);// 可触发定位并显示当前位置
        mUiSettings.setScaleControlsEnabled(true);//控制比例尺控件是否显示
        mUiSettings.setLogoPosition(AMapOptions.LOGO_MARGIN_LEFT);//设置logo位置

        goLocation();
        //地图移动监听
        aMap.setOnCameraChangeListener(new AMap.OnCameraChangeListener() {
            @Override
            public void onCameraChange(CameraPosition cameraPosition) {

            }

            @Override
            public void onCameraChangeFinish(CameraPosition cameraPosition) {
                L.cc(cameraPosition.toString());
//                setMarker(cameraPosition.target);
                animTranslate();
                getGeocodeSearch(cameraPosition.target);
            }
        });
    }

    private void goLocation() {
        //获取位置信息
        mlocationClient = new AMapLocationClient(this);
        //初始化定位参数
        mLocationOption = new AMapLocationClientOption();
        //设置定位监听
        mlocationClient.setLocationListener(MapActivity.this);
        //设置定位模式为高精度模式，Battery_Saving为低功耗模式，Device_Sensors是仅设备模式
        mLocationOption.setLocationMode(AMapLocationClientOption.AMapLocationMode.Hight_Accuracy);
        //设置定位间隔,单位毫秒,默认为2000ms
        mLocationOption.setInterval(-1000);
        mLocationOption.setOnceLocation(true);
        //设置定位参数
        mlocationClient.setLocationOption(mLocationOption);
        //启动定位
        mlocationClient.startLocation();
    }

    @Override
    protected void initList() {
        tvLocation = findViewById(R.id.tvLocation);
        tvLocation.setOnClickListener(this);
    }

    private Marker centerMarker;
    private void setMarker(LatLng target) {
        if (centerMarker != null) centerMarker.remove();
        centerMarker = aMap.addMarker(new MarkerOptions().position(target).title("").snippet(""));
        Animation animation = new RotateAnimation(centerMarker.getRotateAngle() - 180, centerMarker.getRotateAngle(), 0, 0, 0);
//        Animation animation = new TranslateAnimation(target);
        animation.setDuration(360L);
        animation.setInterpolator(new LinearInterpolator());
        centerMarker.setAnimation(animation);
        centerMarker.startAnimation();
    }

    private AnimatorSet animatorSet;
    public void animTranslate(){
       if (animatorSet == null) {
           animatorSet = new AnimatorSet();
           animatorSet.playTogether(ObjectAnimator.ofFloat(ivLocation, "scaleX", 1, 0.5f, 1).setDuration(300)
                   , ObjectAnimator.ofFloat(ivLocation, "scaleY", 1, 0.5f, 1).setDuration(300));
       }animatorSet.start();
    }

    private GeocodeSearch geocoderSearch;

    //逆地理编码获取当前位置信息
    private void getGeocodeSearch(LatLng targe) {
        if (geocoderSearch == null) geocoderSearch = new GeocodeSearch(this);
        geocoderSearch.setOnGeocodeSearchListener(this);
        // 第一个参数表示一个Latlng，第二参数表示范围多少米，第三个参数表示是火系坐标系还是GPS原生坐标系
        RegeocodeQuery query = new RegeocodeQuery(new LatLonPoint(targe.latitude, targe.longitude), 1000, GeocodeSearch.AMAP);
        geocoderSearch.getFromLocationAsyn(query);
    }

    @Override
    public void onRegeocodeSearched(RegeocodeResult regeocodeResult, int i) {
        if (i != 1000) return;
        mAdapter.setNewData(regeocodeResult.getRegeocodeAddress().getPois());
        tvLocationHeader.setText(regeocodeResult.getRegeocodeAddress().getProvince()
                + (TextUtils.equals(regeocodeResult.getRegeocodeAddress().getCity(), regeocodeResult.getRegeocodeAddress().getProvince()) ? "" : regeocodeResult.getRegeocodeAddress().getCity())
                + regeocodeResult.getRegeocodeAddress().getDistrict());
        tvLocation.setText("当前位置：" +regeocodeResult.getRegeocodeAddress().getFormatAddress());
    }

    @Override
    public void onGeocodeSearched(GeocodeResult geocodeResult, int i) {

    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {

            case R.id.tvLocation:

                break;

        }
    }

    @Override
    public void onLocationChanged(AMapLocation amapLocation) {
        if (amapLocation != null && amapLocation.getErrorCode() == AMapLocation.LOCATION_SUCCESS) {
            L.cc(amapLocation.toStr());
            setMapCenter(amapLocation);
        } else {
            //显示错误信息ErrCode是错误码，errInfo是错误信息，详见错误码表。
            L.cc("AmapError", "location Error, ErrCode:" + amapLocation.getErrorCode() + ", errInfo:" + amapLocation.getErrorInfo());
        }
        mlocationClient.stopLocation();
        mlocationClient.onDestroy();
    }

    private void setMapCenter(AMapLocation amapLocation) {
        aMap.animateCamera(CameraUpdateFactory.newCameraPosition(
                new CameraPosition(new LatLng(amapLocation.getLatitude(), amapLocation.getLongitude())
                        , 15, 0, 0)), 300, null); //设置地图中心点
    }


    @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);
    }

}

有很多的基类我就不贴上来了，如果你感觉要的是这样的效果，欢迎查看源码：https://github.com/CuiChenbo/CcMall

https://github.com/CuiChenbo/CcMall/blob/master/app/src/main/java/com/example/admin/ccb/activity/MapActivity.java

 

 

Cui晨
关注
专栏目录
android 高德选点,地图选点-SDK 示例 | 高德地图API
weixin_39989384的博客
05-28 1240
使用场景出行类APP的起终点位置的选择以及社交类应用的位置分享。用到产品核心类/接口类接口说明版本MAMapViewsetCenterCoordinate:animated:设置地图中心点。V2.0.0版本起AMapSearchAPIAMapReGoecodeSearch:逆地址编码查询接口。V3.0.0版本起AMapPOIAroundSearch:POI周边查询接口。V3.0.0版本起AMapR...
vue使用elementui结合高德地图的定位以及位置显示
11-25
下面将详细解释如何在Vue项目中实现ElementUI与高德地图的整合，特别是定位和位置标记功能。 首先，我们需要在项目中引入ElementUI和高德地图API。安装ElementUI可以通过npm命令`npm install element-ui --save`...
android 高德地图定位 可拖动改变位置(二)
10-22
1、高德地图定位 2、滑动地图可以改变我的位置 3、仿微信中位置 4、基于http://download.csdn.net/detail/power_tx/6506305优化
仿微信发送位置、地图选点(高德地图)
12-29
Android版仿微信发送位置、地图选点(高德地图). 前面上传过一个百度地图的, 这个也一起上传吧(捞点分, 现在下载都强制需要资源分), Key请自行申请, demo包含一个可运行apk和源码.
百度地图地图选点、路线规划
最新发布
qq_38801090的博客
06-28 296
1.用iframe 加载百度地图组件。2.页面监听消息事件。
android高德地图选取坐标点,【API】高德地图API JS实现获取坐标和回显点标记(示例代码)...
weixin_42628941的博客
05-27 758
1.搜索+选择+获取经纬度和详细地址2.回显数据并点标记3.实现第一步：引入资源文件根据需要引入第二步：代码1 varmap,addMarker;2 vargeocoder;3 varplaceSearch;4 $(function(){5 //加入高的地图6 map = new AMap.Map(‘mymap‘, {7 resizeEnable: true/...
高德地图选取点位
m0_66950603的博客
08-08 384
高德地图可搜索点击选择点位获取经纬度
Android高德地图拖动选点
情怀中的释然~
04-03 5104
private AMap.OnCameraChangeListener mapChangedListener = new AMap.OnCameraChangeListener() { @Override public void onCameraChange(CameraPosition cameraPosition) { // 添加当前坐标覆盖物 ...
android高德自定义图标,自定义图标-拖拽选址-示例中心-JS API UI 组件示例 | 高德地图API...
weixin_28717807的博客
05-25 353
自定义图标html,body {height: 100%;margin: 0;width: 100%;padding: 0;overflow: hidden;font-size: 13px;}.map {height: 100%;width: 60%;float: left;}#right {color: #444;background-color: #f8f8f8;width: 40%;floa...
高德地图安卓 拖拽选点_不止微信支付宝 高德地图正式上线小程序入口
weixin_39837607的博客
12-08 213
此前，即速应用发布的《小程序2019年行业年中增长研究报告》指出，小程序发展周期主要分为四个阶段：探索期、启动期、高速发展期和成熟期，目前处于高速发展后期，逐渐平稳发展。2017年小程序用户量累积，小程序商业价值得到验证，2018年小程序出现爆炸性增长，迅速席卷资本市场，2019年互联网巨头纷纷入场，市场进入平稳扩张，产业链也正在逐步完善。8月27日消息，继微信、支付宝、今日头条、QQ等巨头App...
vue+高德地图实现地图搜索及点击定位操作
10-14
通过结合Vue的响应式数据绑定和高德地图API，我们可以实现一个动态的交互式地图应用，其中包括搜索、定位、信息展示等功能。这个功能对于提供基于位置的服务非常有用，可以轻松地集成到各种Web应用中。
Android 高德地图自定义点聚合marker图片及Overlay点击选中功能
04-29
Android 高德地图自定义点聚合marker图片及Overlay点击选中功能的代码实现及布局文件
百度地图选点
08-29
利用百度地图开发接口 拖动地图获取中心坐标以及周围一些POI数据
高德地图显示、定位、地理编码和地图点击事件（Android）
01-23
只是简单的实现了地图的显示定位以及正逆地理编码和点击地图上任意一点显示详细地址信息，key记得需要换成自己的
Android开发之高德地图实现定位
08-30
本篇文章主要介绍了Android中高德地图实现定位的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
Android高德地图POI搜索地点Demo
08-23
自己参考高德地图API文档做的POI搜索地点的例子，显示锚点和锚点位置信息，且锚点显示的位置信息可以随着锚点在地图上位置的变化而变化
C#实现高德地图定位（包含登录，注册）
05-14
总结，实现“C#实现高德地图定位（包含登录，注册）”需要掌握C#的基础语法、ASP.NET身份验证、高德地图API的使用、JSON解析、地图显示技术以及权限管理和错误处理。通过这些技术的综合运用，我们可以构建一个完整的...
地图选点功能
Hi~豆豆麻麻
04-29 3623
在详设阶段，需要实现地图选点，这个自己之前从来没有实现过，现在来实现一下，这个过程中参考了高德地图的官方开发文档和vue-amap文档，地址链接分别如下： 高德地图官方文档： https://lbs.amap.com/api/javascript-api/example/map-lifecycle/map-show vue-amap文档： https://elemefe.github.io...
地图选点（百度地图web端）
Manong
10-21 3036
百度地图web端的地图选点组件，即调即用
高德地图 嵌入iframe实现地图选点
05-26
嵌入 iframe 可以实现在网页中显示高德地图，并实现地图选点功能。具体步骤如下： 1. 在高德开放平台申请一个 API Key。 2. 在页面中引入高德地图 API 的 JavaScript SDK。 ```html <script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的API Key"></script> ``` 3. 在页面中添加一个 iframe 标签，设置 src 属性为高德地图的 URL，并设置其宽度和高度。 ```html <iframe src="https://lbs.amap.com/console/show/picker" width="100%" height="400"></iframe> ``` 4. 在 iframe 加载完成后，通过 JavaScript 获取 iframe 中的文档对象和内部的地图对象，并添加选点事件处理程序。 ```javascript var iframe = document.getElementsByTagName('iframe')[0]; var iframeDoc = iframe.contentWindow.document; iframe.onload = function() { var map = iframeDoc.getElementById('map'); AMap.event.addListener(map, 'click', function(e) { // 处理选点事件 }); }; ``` 通过以上步骤，就可以在网页中嵌入高德地图，并实现地图选点功能。需要注意的是，该方法只适用于简单的选点需求，如果需要更多的地图功能，建议使用高德地图 JavaScript API 进行开发。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值