首页 > 其他分享 >微信公众号网页中打开高德地图

微信公众号网页中打开高德地图

时间:2023-12-08 11:14:59浏览次数:72  
标签:callnative 网页 log 微信 str position console 高德

toDaohang(point){
      let that = this
      //打开高德
       Dialog.confirm({
        title: '',
        message: '打开高德地图',
      })
        .then(() => {
          let str  = []
          if(point!=''){
            str = point.split('(')[1].replace(')','').split(' ')
            let url = ''
            if(that.fromLon != '' && that.fromLat != ''){
          url = `https://uri.amap.com/navigation?from=${that.fromLon},${that.fromLat},我的位置&to=${str[0]},${str[1]},目的地,1&mode=car&policy=0&src=mypage&coordinate=gaode&callnative=1` }else{ url = `https://uri.amap.com/navigation?to=${str[0]|| ''},${str[1]},目的地,1&mode=car&policy=0&src=mypage&coordinate=gaode&callnative=1` } window.open(url) }else{ Toast('未设置位置坐标'); } }) .catch(() => { // on cancel }); },
that.fromLon 和that.fromLat是进入页面获取用户当前的经纬度,作为导航中我的位置
callnative: 高德地图WEB版链接的callnative参数也具有唤起APP的功能,所以可以利用WEB版间接唤起APP,openAMap方法修改如下:
  
  `https://uri.amap.com/navigation?from=${result.position.lng},${result.position.lat},我的位置&to=${lng},${lat},${address}&mode=car&policy=1&src=com.mzwu.www&callnative=1`
//获取坐标
    getLocation() {
      var options = {
        enableHighAccuracy: true,
        maximumAge: 1000,
      };
      if (navigator.geolocation) {
        //浏览器支持geolocation
        navigator.geolocation.getCurrentPosition(
          this.onSuccess,
          this.onError,
          options
        );
      } else {
        //浏览器不支持geolocation
        // $("#div").append("<p>您的浏览器不支持地理位置定位</p>");
      }
    },
    onSuccess(position) {
      var longitude = position.coords.longitude;
      var latitude = position.coords.latitude;this.fromLon = longitude
      this.fromLat = latitude
    },
    one rror(error) {
      console.log(1)

      switch (error.code) {
        case 1:
          console.log("位置服务被拒绝");
          break;
        case 2:
          console.log("暂时获取不到位置信息");
          break;
        case 3:
          console.log("获取信息超时");
          break;
        case 4:
          console.log("未知错误");
          break;
      }
    },

 

 

标签:callnative,网页,log,微信,str,position,console,高德
From: https://www.cnblogs.com/xhrr/p/17884709.html

相关文章

  • CSS 网页适配 iPhone全面屏
    前言iPhoneX取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部fixed定位的元素)。 适配之前需要......
  • 分享一个微信红包封面过审方法
    大家好,我是小悟兄弟们,已经12月份了,今年的最后一个月,距离过年还有两个月左右,如果你需要制作微信红包封面,我建议你现在就可以着手了。一方面,临近春节,会有很多人在制作红包封面,审核时长就会比较久。另一方面,最重要的是,制作一款心仪的红包封面,到审核通过,这个过程不是那么尽如人意的,是持......
  • Web网页端IM产品RainbowChat-Web的v6.0版已发布
    一、关于RainbowChat-WebRainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。► 详细介绍:http://www.52im.net/thread-2483-1-1.html► 版本记录:http://www.52im.net/th......
  • 私域最全养号攻略---微信
    微信号的使用规则:注册新微信、微信实名认证、主动添加好友、面对面建群、被动添加好友、进群限制、朋友圈限制、好友上限微信权重加分规则:基础信息是否完整、注册时间、微信使用行为、微信权重扣分规则:使用的环境是否正常、部分行为会导致权重分扣减、违规导致扣减权重分微信的3个......
  • 基于vue2开发的html5页面实现微信分享卡片(微信好友+朋友圈+qq好友+qq空间)
    首先附上文档链接:1.微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1112.免费生成二维码的草料官网:https://cli.im/text/other 需求:在浏览器分享链接时携带用户id(因为是拉人活动,需要给用户积分),并且在微信中分享为卡片模式 具体......
  • 微信号上传附件小程序
    微附件是一个旨在简化公众号附件管理的实用工具。它为运营人员提供了一个轻松上传和管理多种文件格式(包括Word、Excel、PPT、PDF、TXT等)的平台,并使得用户能够直接下载这些文件。鉴于微信公众号本身并不内置此类功能,微附件的应用因此变得极为重要。首先,要访问微附件的官方网页,您可以......
  • Python爬取网页速度为什么那么快
    Python作为一门高效、易用的编程语言,其在网络爬虫方面也有着突出的表现。Python爬取网页的速度之所以那么快,主要归功于以下几个方面:一、简洁的代码Python语言相对于其他语言而言,代码量相对较少,且语法简单易懂,这让Python编写网络爬虫变得十分容易。通过Python的Requests库和Beautifu......
  • 网页在线安全浏览Office Word文档,只读打开/禁止编辑/禁止复制/禁止另存/禁止打印/禁止
    在企业OA系统或者在线协作办公场景中,有一些合同公文或者客户数据等重要文档需要我们在线共享给其他人,但是我们只希望其他人只能预览阅读文档,不能随便编辑修改文档,也禁止复制共享Word文档的内容到其他文档或者编辑器,不能将共享文件另存为本地文件夹,并且禁止用户打印该Word文档,那么......
  • 微信如何设置自动通过好友请求后自动回复?
    微信设置自动回复有什么好处?1、可以提高沟通效率。我们不可能24小时看着微信的,为了避免耽误没有及时通过和回复对方的微信,可以设置自动回复,这样就不会因为长时间没有回复而产生误解或不满。2、可以节省时间和精力。如果经常收到类似的询问或回复,通过设置自动回复,可以避免重复回答,从......
  • 微信社群机器人API
    请求URL:http://域名地址/sendHeadImage请求方式:POST请求头Headers:Content-Type:application/jsonAuthorization:Authorization值(登录获取码信息接口中返回的认证信息值)参数:参数名必选类型说明wId是string登录实例标识path是string图片url链接返回数据:参数名类型说明codestring1000成......