当前位置: 首页 > news >正文

广告 网站举例seo搜索引擎优化包邮

广告 网站举例,seo搜索引擎优化包邮,小红书关键词检测,设计做图免费网站1.应用场景:展示公司位置,并打开第三方app(高德,腾讯)导航到目标位置。 (1)展示位置地图 uniapp官网提供了相关组件,uniapp-map组件https://uniapp.dcloud.net.cn/component/map.ht…

1.应用场景:展示公司位置,并打开第三方app(高德,腾讯)导航到目标位置。

(1)展示位置地图

uniapp官网提供了相关组件,uniapp-map组件icon-default.png?t=N7T8https://uniapp.dcloud.net.cn/component/map.html#

具体用法:

html结构

<map style="width: 100%; height: 300px;" :latitude="startposition.lat" :longitude="startposition.lng" :markers="covers" @markertap="openMap" @tap="openMap">
</map>

 data数据

              startposition: {lat: 32.631379,//维度lng: 116.833490,//经度},covers: [{id: 1,latitude: 32.631379,longitude: 116.833490,iconPath: "../../static/位置.png",width: '50rpx',height: '50rpx',label: {content: '位置',color: '#fff',fontSize: 12,borderRadius: 5,padding: 5,textAlign: 'center',bgColor: '#2979ff',},}],address:'定位中.....'

 (2)打开第三方软件

 js方法uni.openLocation()icon-default.png?t=N7T8https://uniapp.dcloud.net.cn/api/location/open-location.html#openlocation用于唤起第三方软件(真机测试有效)

			// 打开的点击事件, 传经纬度和地点名openMap() {// 打开第三方 (小程序)uni.openLocation({latitude: Number(this.startposition.lat),longitude: Number(this.startposition.lng),success: function() {console.log('success');},fail: (error) => {console.log(error);}});},

2.应用场景:软件初始定位

 uniapp提供的apiuni.getLocation(OBJECT)icon-default.png?t=N7T8https://uniapp.dcloud.net.cn/api/location/location.html在微信端只能获取到经纬度,无法获取到详细中文地址,所以官方推荐使用第三方库,这里我使用的是腾讯地图,简单方便。

(1)注册腾讯地图,申请key

打开微信小程序JavaScript SDK地址icon-default.png?t=N7T8https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview,根据官网教程注册

 (2)实现初始化当前定位信息

html部分

<view>当前位置:{{address}}</view>

data数据

address:'定位中.....'

 函数部分

        import QQMapWX from '../tx/qqmap-wx-jssdk.js';onLoad() {// 实例化API核心类let qqmapsdk = new QQMapWX({key: '你自己获取到的KEY'});qqmapsdk.reverseGeocoder({success: (res)=> {console.log(res);this.address=res.result.address}})},

注意import引入的路径为你下载的js文件路径

3.当前定位不准确或者需要重新选择定位位置,如改变收获地址等...

 实现该功能异常简单,直接使用uniapp提供的方法uni.chooseLocation(OBJECT)icon-default.png?t=N7T8https://uniapp.dcloud.net.cn/api/location/location.html#chooselocation

实例代码:

uni.chooseLocation({success: function (res) {console.log('位置名称:' + res.name);console.log('详细地址:' + res.address);console.log('纬度:' + res.latitude);console.log('经度:' + res.longitude);}
});

4.开启定位需要的配置

manifest.json需要在mp-weixi中添加代码

		"permission": {"scope.userLocation": {"desc": "位置信息效果展示"}},"requiredPrivateInfos": ["chooseLocation", "getLocation"]

 也可以在配置中更改

http://www.yayakq.cn/news/844588/

相关文章:

  • 烟台制作网站软件镇江网站建设和优化推广多少钱
  • 一个网站需要多少容量电商培训
  • 苏州高端网站建设kgwl网站报名照片怎么做
  • 网站还没有建好可以备案吗亚马逊云服务器
  • 网站开发毕业设计评审表网站建设工作室北京小俊哥
  • 怎么样查看网站开发语言dux5.3 wordpress
  • 东莞微信网站建设更好开发者模式怎么关闭vivo
  • 企业设计网站建设教育局网站硬件价格需要多少钱
  • 如何在门户网站做搜索引擎网站开发的流程
  • 网站建设前期工作家庭优化大师下载
  • 湖北外贸网站建设多少钱微信公众号和小程序的区别
  • 网站原创页面济南传承网站建设李聪
  • 游戏门户网站开发资源网站开发专业实习报告
  • diywap手机网站系统优化网站seo方案
  • 做名片去哪个网站溧阳做网站的哪家好
  • 在哪个网站做外快设计公司域名不变网站做变动
  • 张家港做网站费用餐厅网站建设策划方案
  • 刷关键词要刷大词吗苏州百度seo关键词优化
  • 整形网站 源码秦皇岛做网站公司汉狮价格
  • 东莞市门户网站建设怎么样中企动力云邮箱
  • h5都用什么网站南京洛可可设计公司
  • 英文网站设计公司网站首页页面代码
  • 代驾网站开发网站建设思企互联
  • 企业为什么要建站台呢安卓开发需要什么技术
  • 织梦网网站建设seo网站排名优化案例
  • 网站和域名都注册怎么连接成网址网站都有服务器吗
  • 谈谈网站建设会有哪些问题如何做网络营销能成功呢
  • 企业网站建设实训总结顺企网吉安网站建设
  • 做海报创意网站怎么样上传网站资料
  • 常熟网站开发2022年最火的关键词