返回结果：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. Fiddler Web Debugger的下载和安装（图文详解）

    不多说,直接上干货! Fiddler是一个http协议调试代理工具,它能够记录客户端和服务器之间的所有 HTTP请求,可以针对特定的HTTP请求,分析请求数据.设置断点.调试web应用.修改请求的数据 ...

  2. linux解压.tar.xz压缩包

    今天,打算更新一下node版本(v6.11.1 -> v8.9.4),结果阿里云服务器使用nvm命令下载慢如牛,于是直接在node官网找到合适的v8.9.4压缩包下载到电脑里,然后up到阿里云服 ...

  3. OpenStack-Queens版 实践

    OpenStack简介 OpenStack是一个由NASA(美国国家航空航天局)和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目. OpenStack是一个开源 ...

  4. gensim学习笔记

    1.词向量建模的word2vec模型和用于长文本向量建模的doc2vec模型 在Gensim中实现word2vec模型非常简单.首先,我们需要将原始的训练语料转化成一个sentence的迭代器:每一次 ...

  5. redis 安装 与错误解决办法

    redis 安装与安装中遇到的错误 redis 安装 wget http://download.redis.io/releases/redis-4.0.11.tar.gz .tar.gz cd red ...

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

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

  7. C/C++中的static

    一.静态全局变量 理解static关键字之前首先回顾一下C/C++程序的在内存中的分配情况.从低地址到高地址依次分为:代码区.全局数据区.堆区.栈区.函数之外的全局变量和静态变量(包括全局变量和静态变 ...

  8. 页面常见布局以及实现方法--flex

    页面布局是前端工程师的基本功之一,总结分析各种布局实现方法,可以让自己快速定位哪种方法实现功能,同时可以做到现最大程度的兼容. 一.水平居中 假设:最基本机构 .parent>.child 1. ...

  9. ASP.NET jQuery 事件里调用后台方法

    利用js 调用后台写的方法 <script src="js/jquery-1.7.1.min.js"></script> <script> $( ...

  10. [PHP] Yaf框架的简单安装使用

    PHP开发组鸟哥惠新宸开发的php扩展框架 安装 windows下载扩展:https://pecl.php.net/package/yaf/2.2.9/windows 根据自己的电脑系统和php的版本 ...