• 技术文章 >后端开发 >PHP问题

    php怎么实现定位地图显示

    藏色散人藏色散人2021-09-06 09:13:13原创114

    php实现定位地图显示的方法:1、引入JS文件;2、进行config接口注入权限验证配置;3、修改html中点击按钮的JS即可。

    本文操作环境:windows7系统、PHP7.1版、Dell G3电脑。

    php怎么实现定位地图显示?

    php:网页开发实现微信JS的(定位,地图显示,照片选择功能)

    今天说说微信网页开发中一下JS的功能,分享一下,希望对各位有所帮助。

    前提:要有公众号,和通过微信认证,绑定域名,得到相应信息,appid,appsecret等。

    微信开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

    来看看效果图:

    1:引入JS文件

    2:config接口注入权限验证配置

    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
     wx.config({
            debug: false,
            appId: appid,
            timestamp: timestamp,
            nonceStr: noncestr,
            signature: signature,
            jsApiList: [              'openLocation',              'chooseImage'
            ]
        });

    注:所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,

    目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。

    html中点击按钮的JS:

          // 定位
        $("#location").click(function () {
                wx.getLocation({
                    type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
                    success: function (res) {                    var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
                        var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
                        var speed = res.speed; // 速度,以米/每秒计
                        var accuracy = res.accuracy; // 位置精度
                        DSXUI.success('纬度'+latitude);
                        $("#qrcodevalue").text('纬度'+latitude+" ---经度"+longitude);
                    }
                });
            });
          // 地图
            $("#btn1").click(function () {
                wx.openLocation({
                    latitude: 26.581379, // 纬度,浮点数,范围为90 ~ -90
                    longitude: 104.86983, // 经度,浮点数,范围为180 ~ -180。
                    name: '贵州省贵阳市', // 位置名
                    address: '详情地址', // 地址详情说明
                    scale: 22, // 地图缩放级别,整形值,范围从1~28。默认为最大
                    infoUrl: 'http://h5.zhangwoo.cn/?m=weixin&c=wxtest&a=share' // 在查看位置界面底部显示的超链接,可点击跳转,没用            });
            });
          // 微信选图
             $("#btn2").click(function () {
                 wx.chooseImage({
                     count: 3, // 默认9
                     sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
                     sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
                     success: function (res) {                     var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
                         $("#qrcodevalue").text('照片的本地ID列表'+localIds);
                     }
                 });
             });

    注:我用到的参数 appid,appsecret等信息在php代码中。

    推荐学习:《PHP视频教程

    以上就是php怎么实现定位地图显示的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:php
    上一篇:php 无法加载scws怎么办 下一篇:php header怎么跳转传值
    线上培训班

    相关文章推荐

    • uniapp如何判断手机定位是否开启• 小程序如何获取经纬度信息实现定位功能• 目前使用的技术比较成熟的卫星导航定位系统有哪些• php怎么替换指定位置的字符串

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网