代码笔记:使用高德地图API创建地图以及获取当前地址经纬度
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了代码笔记:使用高德地图API创建地图以及获取当前地址经纬度相关的知识,希望对你有一定的参考价值。
创建API地图带有点标记
<script src="http://webapi.amap.com/maps?v=1.4.1&key=bcf87f3263f98cc37309298bca20c622"></script> <script type="text/javascript"> // 实例化点标记 function addMarker() { marker = new AMap.Marker({ icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png", position: [116.41, 39.91] }); marker.setMap(map); } var map = new AMap.Map(‘container‘, { resizeEnable: true, center: [116.40, 39.91], zoom: 13 }); addMarker(); </script>
根据浏览器定位获取当前经纬度
<div id="container_display"></div> <script src="https://webapi.amap.com/maps?v=1.4.1&key=bcf87f3263f98cc37309298bca20c622"></script> <script> function loadingCurrentPosition(callback){ document.getElementById(‘container_display‘).innerhtml = ‘‘; //加载地图,调用浏览器定位服务 map = new AMap.Map(‘container_display‘, { resizeEnable: true }); map.plugin(‘AMap.Geolocation‘, function() { geolocation = new AMap.Geolocation({ enableHighAccuracy: true,//是否使用高精度定位,默认:true timeout: 10000, //超过10秒后停止定位,默认:无穷大 buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20) zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false buttonPosition:‘RB‘ }); map.addControl(geolocation); geolocation.getCurrentPosition(); AMap.event.addListener(geolocation, ‘complete‘, onComplete);//返回定位信息 AMap.event.addListener(geolocation, ‘error‘, onError); //返回定位出错信息 }); //解析定位结果 function onComplete(data) { var getLngdata = data.position.getLng(); var getLatdata = data.position.getLat(); if(callback){ callback(getLngdata,getLatdata); //回调参数中传递经度与纬度 } } //解析定位错误信息 function onError(data) { alert(‘定位失败‘); } } $(function(){ var getLng = ‘‘; //存经度 var getLat = ‘‘; //存纬度 //默认加载一次自动获取当前人的位置 loadingCurrentPosition(function(lngdata,Latdata){ getLng = lngdata; getLat = Latdata; }); $(".getCurrentPosition").on(‘click‘,function(){ loadingCurrentPosition(function(lngdata,Latdata){ getLng = lngdata; getLat = Latdata; }); }); }) </script>
高德地图根据浏览器定位获取当前经纬度API案例地址:http://lbs.amap.com/api/javascript-api/example/location/browser-location
高德开放平台:http://lbs.amap.com/api
以上是关于代码笔记:使用高德地图API创建地图以及获取当前地址经纬度的主要内容,如果未能解决你的问题,请参考以下文章