WEB开发高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应

1.前台html位置准备

2.初始化加载高德地图

var aMap = new AMap.Map("container", {//存放地图的div 的 ref
       resizeEnable: true,//是否可以缩放
       zoom: 10 //地图显示的缩放级别
       //features: ['bg'] //['bg', 'road', 'building', 'point'] 背景，道路，建筑，打点
   });

aMap 为当前高德地图对象

//地图加载完毕，地图的初始方法最好写在complete之后，避免获取不到地图元素
aMap.on('complete', function() {

aMap.setFitView();//自适应地图内的所有元素，如果只想自适应特定的元素，可以写在（）中

//为地图添加定位组件
       aMap.plugin('AMap.Geolocation', function() {
           geolocation = new AMap.Geolocation({//geolocation 为全局变量，其他地方也会用到
               enableHighAccuracy: true, //是否使用高精度定位，默认:true
               timeout: 10000, //超过10秒后停止定位，默认：无穷大
               buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
               zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
               buttonPosition: 'RB'
           });

aMap.addControl(geolocation);
           geolocation.getCurrentPosition();//获取当前地理位置
           AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
           AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
       });
   });

//为地图添加层级变化事件
aMap.on('zoomchange', function(e) {
//地图层级变化，执行方法
})

//为地图注册click事件获取鼠标点击出的经纬度坐标
aMap.on('click', function(e) {
var mapTapLgtd = e.lnglat.getLng();
var mapTapLttd = e.lnglat.getLat()；

regeoCode([mapTapLgtd, mapTapLttd]);//获取当前点击点的地理位置信息，方法在下面
});

//为地图添加地区编码反编译组件

AMap.plugin('AMap.Geocoder', function() {
       geocoder = new AMap.Geocoder({
           // city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
           city: '全国'
       })
   });

/**
* 根据经纬度获取详细地址信息
*/
function regeoCode(lnglat) {
   geocoder.getAddress(lnglat, function(status, result) {
       if (status === 'complete' && result.regeocode) {
           nowAddress = result.regeocode.formattedAddress; //nowAddress 为全局变量
       } else {
           mui.toast('根据经纬度查询地址失败');
       }
   });
}

WEB开发高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应相关推荐

百度地图得到两地点(通过经纬度)的距离、通过经纬度获取详细地址
1 /** 2 * 计算两点间的距离 3 * pt1 {lng:"12.34",lat:"3423"}第一个点的经纬度 4 * pt2 {lng:"1 ...
【Android App】GPS获取定位经纬度和根据经纬度获取详细地址讲解及实战（附源码和演示超详细）
需要全部代码请点赞关注收藏后评论区留言私信~~~ 一.获取定位信息开启定位相关功能只是将定位的前提条件准备好,若想获得手机当前所处的位置信息,还要依靠下列的3种定位工具. (1)定位条件器Crite ...
腾讯逆地址解析php,腾讯地图逆地址解析，通过经纬度获取详细的信息数据
根据腾讯地图API,以图文的方式一步一步的来说明如何获取详细的位置信息数据.具体参考腾讯地图Webservice API的简介.腾讯地图WebService API 第一步:申请开发者密钥(key)申 ...
Android使用Google定位服务定位并将经纬度转换为详细地址信息（国省市县街道）
本文是作者在学习使用Google定位服务定位时的学习笔记,采用的是Kotlin语言编写. 1.位置权限以及定位服务 1.1 位置权限 1.2 动态权限申请 1.3 位置服务 1.4 APP权限与定位服 ...
百度地图api根据经纬度获取详细地址
var point = new BMap.Point(longitude,latitude);//用所定位的经纬度查找所在地省市街道等信息var gc = new BMap.Geocoder();gc ...
Vue通过微信定位+百度地图获取详细地理位置信息
项目中需要使用到定位功能,定位用户所在的省市,并自动填充到省市的选择列表中,微信开发中,定位功能直接使用微信提供的接口,方便并且简单,兼容性相对好处理因为微信定位或者百度地图的定位都是先通过定位获取 ...
php用高德地图api坐标返回市_高德地图使用php根据经度纬度获取详细地址的方法代码...
//固定好的key值,用的是高德地图的api接口 $key="3434344sdss3444334333"; //根据经纬度获取详细地址 //https://restapi.ama ...
Android开发之百度地图经纬度转换地址(以及获取详细地址的方法自测成功)
方法一: 直接粘贴代码 GeoCoder mSearch = GeoCoder.newInstance();mSearch.setOnGetGeoCodeResultListener(new OnGe ...
Android Google Maps API 网络服务用于网络定位、计算路线、获取经纬度、获取详细地址等
Google Maps API 网络服务官网地址 : https://developers.google.com/maps/documentation/webservices/?hl=zh-cn 其 ...

WEB开发高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应

WEB开发高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应相关推荐

最新文章

热门文章

WEB开发 高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应

WEB开发 高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应相关推荐

最新文章

热门文章

WEB开发高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应

WEB开发高德地图应用，初始加载，地图定位，层级变化控制，根据经纬度获取详细地址信息，点击事件以及地图自适应相关推荐