返回结果：jsonp_393330_({"status":"1","info":"OK","infocode":"10000","regeocode":{"formatted_address":"上海市松江区广富林街道谷阳北路2558号龙湖新壹城","addressComponent":{"country":"中国","province":"上海市","city":[],"citycode":"021","district":"松江区","adcode":"310117","township":"广富林街道","towncode":"310117006000","neighborhood":{"name":[],"type":[]},"building":{"name":[],"type":[]},"streetNumber":{"street":"谷阳北路","number":"2558号","location":"121.236969,31.0548569","direction":"西","distance":"74.036"},"businessAreas":[{"location":"121.20869520209061,31.04970863414635","name":"松江大学城","id":"310117"}]}}})

代码示例：

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

    <title>浏览器定位</title>

    <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css" />

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.9&key=2386af58e9cd68f0b50dd68ab241490f"></script>

    <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>

    <body>

        <div id='container' style="display:none;"></div>

        <!--<div id="tip"></div>-->

        <script type="text/javascript">

            /***************************************

            由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。

            ***************************************/

            var map, geolocation;

            //加载地图，调用浏览器定位服务

            map = new AMap.Map('container', {

                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) {

               alert(JSON.stringify(data))

                //var str = ['定位成功'];

                //str.push('经度：' + data.position.getLng());

                //str.push('纬度：' + data.position.getLat());

                //if (data.accuracy) {

                //    str.push('精度：' + data.accuracy + ' 米');

                //}//如为IP精确定位结果则没有精度信息

                //str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));

                //document.getElementById('tip').innerHTML = str.join('<br>');

            }

            //解析定位错误信息

            function onError(data) {

                document.getElementById('tip').innerHTML = '定位失败';

            }

        </script>

    </body>

</html>

H5 高德地图获取当前位置信息的更多相关文章

  1. H5高德地图获取当前位置

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta http ...

  2. js通过高德地图获取当前位置的经度纬度

    效果图如下: 已经获取到了经度纬度了 代码如下: <!doctype html> <html> <head> <meta charset="utf- ...

  3. 关于微信小程序获取当前位置信息

    小程序开发---获取当前位置信息 一.获取用户地理位置信息 1.配置app.json文件 { "pages": ["pages/index/index"], & ...

  4. H5 移动端获取当前位置

    3种方法:1.H5自带的方法,获取经纬度2.通过地图提供的JS.获取位置3.通过微信的API(这个需要公众号 / 小程序) 1.通过H5自带的获取经纬度的方法 优点: 需要引用的资源较少,H5自带的方 ...

  5. iOS的高德地图标注特定位置

    在开发时有时候遇到项目里面需要展示公司的位置,这时如果导入百度地图什么的就太浪费资源,而且还占内存 这时只要调用自动高德地图的就行了 自己写一个控制器,导入框架 现在导入系统框架只要多打次就能出来了, ...

  6. 在Android Studio中使用BaiduMap SDK实时获取当地位置信息

    配置BaiduMap 环境 1.在百度API中新建自己的一个APP包名和APP名需要注意和自己Android Studio 中的包名和APP名保持一致: 2.百度地图中还需要填写一个SHA1 数字签名 ...

  7. ionic基于GPS定位并通过百度地图获取定位详细信息

    相信所有的前端攻城狮都会碰到移动端App.里面获取用户定位信息. 那么问题来了,怎么获取用户的定位信息(经纬度)呢. 当然方法有很多,通过百度地图API 以及 高德地图 API都是可以的.但是两个获取 ...

  8. iOS项目开发实战——使用CoreLocation获取当前位置信息

    随着基于位置服务LBS和移动互联网的兴起,你的位置是越来越重要的一个信息.位置服务已经是当前的热门应用如微信.陌陌等社交应用的杀手锏.而在iOS开发中,苹果已经给我们提供了一个位置接口.CoreLoc ...

  9. Android初级教程获取手机位置信息GPS与动态获取最佳方式

    简单介绍一下gps定位的操作. 主要是靠locationmanger这个api完成的一些操作:通过获取这个实例,然后调用它的requestLocationUpdates方法进行注册.传入的参数分别有以 ...

随机推荐

  1. Java_try,catch,finally return之间的执行顺序

    以往认为函数只要执行到return语句便会返回结果并终止,然而这时错误的,因为这存在特例. 掌握下面几条原则就可以完全解决“当try.catch.finally遭遇return”的问题. 原则:1.f ...

  2. Struts 2初体验

    Struts2简介: Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数 ...

  3. golang笔记(1)-数据库查询结果映射至结构体

    通用的映射模式 query:="select id,name from user where id=?" //单个结构体ret:=&Activity{} DbClient( ...

  4. 利用ggplot2画出各种漂亮图片详细教程

    1.Why use ggplot2 ggplot2是我见过最human friendly的画图软件,这得益于Leland Wilkinson在他的著作<The Grammar of Graphi ...

  5. tf.data

    以往的TensorFLow模型数据的导入方法可以分为两个主要方法,一种是使用feed_dict另外一种是使用TensorFlow中的Queues.前者使用起来比较灵活,可以利用Python处理各种输入 ...

  6. freepbx13通话无声音通话自动挂断

    在阿里云上用脚本一键搭建好了freepbx13,但是在创建好sip分机之后,打电话没有声音,双方都听不到对方的声音.这个是nat问题. 这里有个坑我提醒下大家,就是我们最好不要用台式电脑进行测试通话. ...

  7. 爬虫实战(二) 51job移动端数据采集

        在上一篇51job职位信息的爬取中,对岗位信息div下各式各样杂乱的标签,简单的Xpath效果不佳,加上string()函数后,也不尽如人意.因此这次我们跳过桌面web端,选择移动端进行爬取. ...

  8. Pascal的3种注释

    1.单行注释 {大括号里的内容都被注释掉} 2.单行注释2 //这种注释几乎是绝大部分语言中通用的了 3.多行注释 (*pascal的多行注释有点奇怪,使用的是:括号+星号的方式*)       其他 ...

  9. .Net4.5新特性:正则表达式超时介绍

    “Regex” 在数据验证方面最受欢迎.考虑到您可能对“Regex”完全陌生的.请参考我介绍Regex如何运作的视频. But because of the typical parsing logic ...

  10. unity 中的协程

    //The coroutine will continue after all Update functionshave been calledon the next frame. ; //Conti ...