高德地图api调用demo_高德地图定位如何调用api?
我看了下,貌似没有得到具体街道的位置,不过可以得到经纬度相关信息
AMap.Geolocation定位服务插件。基于HTML5的定位接口,只有支持该定位接口的浏览器才能使用该功能。它在浏览器原生定位接口基础上增加了高德地图坐标纠偏功能和在地图上展现定位结果的功能,集成了IP定位和缓存策略。用户可以通过自定义回调函数取回定位结果。若定位失败,系统将返回错误信息。
注:当浏览器原生定位接口定位失败后,系统会调用IP定位,返回定位点所在城市中心点。此时,定位精度范围返回null。
mapObj = new AMap.Map('iCenter');
mapObj.plugin('AMap.Geolocation', function () {
geolocation = new AMap.Geolocation({
enableHighAccuracy: true,//是否使用高精度定位,默认:true
timeout: 10000, //超过10秒后停止定位,默认:无穷大
maximumAge: 0, //定位结果缓存0毫秒,默认:0
convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
showButton: true, //显示定位按钮,默认:true
buttonPosition: 'LB', //定位按钮停靠位置,默认:'LB',左下角
buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
zoomToAccuracy:true //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
});
mapObj.addControl(geolocation);
AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
});
//这里得到你想要的信息
var onComplete = function(result){
result.LngLat;//这里面获得经纬度的相关信息
}
补充内容:
//经纬度是你自己得到的,我这里只是写个例子
var lnglat = '23.125178,113.280637';
//可以用百度地图得到想要的东西
$.get('http://api.map.baidu.com/geocoder/v2/?ak=Aclg79s6C7oXzoH4zjdKtwvS4IXG7HmH&callback=renderOption&output=json&location='+lnglat,
function(res){
//这里面基本上就是你要的东西
/*
得到的数据基本上是这样了:
{
"status": 0,
"result": {
"location": {
"lng": 113.28063699999997,
"lat": 23.125178011009627
},
"formatted_address": "广东省广州市越秀区珠光路39-1号",
"business": "二沙岛,岭南,大新",
"addressComponent": {
"country": "中国",
"country_code": 0,
"province": "广东省",
"city": "广州市",
"district": "越秀区",
"adcode": "440104",
"street": "珠光路",
"street_number": "39-1号",
"direction": "附近",
"distance": "1"
},
"pois": [],
"poiRegions": [],
"sematic_description": "珠光街社区服务中心办公大楼附近46米",
"cityCode": 257
}
}
*/
},'json');
高德地图api调用demo_高德地图定位如何调用api?相关推荐
- cordova下使用高德地图js api在4g流量下定位失败问题的解决
问题描述 cordova页面中使用高德地图js api AMap.Geolocation的geolocation.getCurrentPosition()方法进行定位 用手机4g打开该页面,定位失败, ...
- Android - 集成高德地图API(搜索,地图,定位)
前言: 今天重构公司app的地图功能,刚好做个教程出来方便大家. 第一步: 注册高德开发用户,并来到控制台,点击应用管理->我的应用,然后创建新应用 地址:高德开放平台 | 高德地图API 点击 ...
- 高德地图API学习二、获取定位数据
***首先需要到高德官方中申请key!!! 一.配置AndroidManifest.xml 首先,声明Service组件 <service android:name="com.amap ...
- 调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API.高德地图API 获取当前地理位置.经纬度 web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API 1.调用腾讯地图API ...
- java调用高德地图API开发,高德在线地图开发——未完待续
这是目录 一.引入高德地图API 二.高德地图开发 1.定义一个div来存放地图 2.生成地图 3.添加一个跳跃的点 4.添加控件 5.有其他需要的请留言 一.引入高德地图API 高德地图官方示例:h ...
- 高德地图markevents_GitHub - mingxuWang/Map: 高德地图API二次封装
Map组件设计文档 组件设计目的 分析当前各业务方向(销售端.商城.数据可视化.TMS)内地图相关应用的地图功能使用情况,封装Map组件供给各业务向进行使用. 将高德地图API进行二次封装,降低地图相 ...
- iOS定位服务与地图应用开发:高德地图开发
2019独角兽企业重金招聘Python工程师标准>>> 由于博客迁移至www.coderyi.com,文章请看http://www.coderyi.com/archives/419 ...
- react 逆地理 高德地图_react中使用高德地图的原生API
干货,无话 1.react-create-app,创建新react项目: 2.npm install react-amap,引入高德地图的封装: 3.编写组件index.js: import Reac ...
- 高德地图(第三篇)定位
1.引入依赖 implementation 'com.amap.api:3dmap:5.6.0'implementation 'com.amap.api:location:5.6.0'implemen ...
最新文章
- Android Intent setAction的使用注意
- 通过gdb core dump方法查看程序异常时的堆栈信息
- mysql索引失效_MySQL索引失效的底层原理
- mysql tags_mysql tags table解决方法
- eBPF学习记录(一)eBPF介绍
- python_集合(set)
- 2019年最吸引攻击炮火的 Web 框架:WordPress 和 Apache Struts
- Bellman-ford算法、SPFA算法、SPFA判断负环(附例题)
- 写一个彩票程序:30选7。
- 单元测试用例如何编写
- 话筒在multisim怎么找_基于Multisim软件的调频无线话筒仿真
- Android6.0源码下载
- 中央财经大学C语言考研真题答案,2017年中央财经大学信息学院901C语言程序设计考研题库...
- html页面的src引用网络图片无法显示
- eclipse远程调试Java程序
- NTT将在全球颇具影响力的技术盛会CES 2021上在线展出
- 网络刷单背后的大圈套让很多人中招
- 【AI打板?】【量化交易?】究竟是什么? 一句话看懂量化
- 香港机场到市区,更方便更便宜的路线
- 游戏Flappy Bird走红启示:没人知道玩家想要什么