返回结果：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. 极高效内存池实现 (cpu-cache)

    视频请看 : http://edu.csdn.net/course/detail/627 1.内存池的目的 提高程序的效率 减少运行时间 避免内存碎片 2.原理   要解决上述两个问题,最好的方法就是 ...

  2. 基于flex的不定个数的按钮组

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 用sinopia搭建内部npm服务

    sinopia搭建 这里默认你已经有node环境了,执行下面命令,全局安装 sinopia npm install -g sinopia 安装好后,执行下面命令启动 sinopia sinopia 你 ...

  4. CSS控制字体在一行内显示不换行

    当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?用CSS让文字在一行内显示不换行的方法: 一般的文字截断(适用于内联与块): .text-ov ...

  5. Go 程序执行顺序

    在一个 go 程序中通常包含:包.常量.变量.init().main()等元素,如果同时存在多个包,包之间存在依赖关系,每个包中存在多个 init 函数,每个文件中存在多个 init 函数,那么问题来 ...

  6. 面试题22：有序数组生成不同结构BST

    对于一个含有n个数的有序数组1~N,能够产生多少种不同结果的二叉搜素树BST? 如何生成这些不同结构的BST? 有序数组如何生成平衡二叉搜索树? class Solution { public: in ...

  7. Oracle数据库 中的基础的一些语法结构

    方括号里的内容为可选项 大括号是必填 1PL/SQL结构块 DECLARE /* * 声明部分——定义常量.变量.复杂数据类型.游标.用户自定义异常 */ BEGIN /* * 执行部分——PL/SQ ...

  8. ruby中Regexp用法

    Regexp 正则表达式的类.正则表达式的字面值是以双斜线内夹表达式的形式生成的. /^this is regexp/ 还可以使用Regexp.new(string)来动态地生成正则表达式对象. 超类 ...

  9. [转]创建一个 Microsoft Outlook 扩展插件

    本文转自:https://coyee.com/article/10625-how-to-create-an-add-in-for-microsoft-outlook 下载示例 1.介绍 Visual ...

  10. vue权限路由实现方式总结

    使用全局路由守卫 实现 前端定义好路由,并且在路由上标记相应的权限信息 const routerMap = [ { path: '/permission', component: Layout, re ...