• 07-获取地理位置/百度地图API


    在HTML规范中,增加了获取用户地理信息的API,这样使得我们可以基于用户位置开发互联网应用,即基于位置服务LBS(Location Base Service)

    隐私

    HTML5规范提供了一套保护用户隐私的机制。必须先得到用户明确许可,才能获取用户的位置信息。在获取地理位置之前,会询问用户,只有在获得许可之后,才能获取到用户的位置信息。

    用户只有打开了开启位置信息后才能获取到。

    相关的方法

    【03-获取地理位置.html】

    //successCallback:获取成功后会调用,并返回一个position对象,里面包含了地理位置信息
    //获取失败了会调用,并返回error对象,里面包含了错误信息。
    //获取当前的地理位置信息
    navigator.geolocation.getCurrentPosition(successCallback, errorCallback)
    //重复的获取当前的地理位置信息
    navigator.geolocation.watchPosition(successCallback, errorCallback)

     实例:

     

     在iOS 10中,苹果对webkit定位权限进行了修改,所有定位请求的页面必须是https协议的。


     百度地图

    仅仅获取到经纬度对于用户来说意义并不大,因为用户也不知道经度和纬度表示的是地球上的哪一个地方,因为我们可以结合百度地图,准确的将用户的位置显示出来。

    百度地图官网:http://lbsyun.baidu.com/

    1. 在开发中,找到javascript API
    2. 直接查看示例demo
    3. 复制相应的代码,替换掉秘钥就行,秘钥只需创建一个新的应用就可以了。

     

     

     

     在复制的代码中:

    换一下密钥,换成自己的密钥

    换成你自己的经纬度

     

     获取密钥:

     

     

     我们本地获取的经纬度发现用百度地图会有误差,但是用经纬度查询工具发现挺准,这是因为不同的地图有自己的经纬度定位标准,我们现在用百度的API,那么就把你自己得到的经纬度查询结果对应的百度自己的经纬度给复制出来,再去替换代码中的经纬度就准确了。


     百度地图名片制作:

    百度搜索“百度地图名片制作” ,进入到百度名片制作的页面

     填写相关信息后,复制代码放入页面中

     

     

  • 相关阅读:
    图解机器学习读书笔记-CH3
    塑造职场影响力的五大法宝
    怎样培养独挡一面的能力
    数据结构
    [分享]恼人的设计模式
    Git使用总结
    设计师整理的系统开发流程-简洁又有重点
    JavaScript中的String对象
    python高效解析日志入库
    如何让js不产生冲突,避免全局变量的泛滥,合理运用命名空间
  • 原文地址:https://www.cnblogs.com/haoqiyouyu/p/14568085.html
Copyright © 2020-2023  润新知