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

重庆巴南区网站开发公司建设公司网站有用吗

重庆巴南区网站开发公司,建设公司网站有用吗,软件激活码商城,网站字号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/642909/

相关文章:

  • 昆明网站制作工具wordpress搜索关闭
  • 网页给别人做的 网站后续收费如何搭建网站服务器
  • 使页面具有动态效果的网站建设技术建设微信网站
  • 网站建设与维护成本蒙城做网站的公司
  • 免费自助建站网站一览自助建网站建设方案模板
  • 沙井做网站公司第三方软件开发平台
  • 克拉玛依做网站公司网站怎么做百度竞价
  • 用asp.net 做网站网站开发和运营合同分开签么
  • 建立网站考虑的三大要素好的app设计网站有哪些
  • 网站怎么做才不会被墙wordpress如何运行
  • 网站建设的流程视频怎么创建自己的网站
  • 信息安全网站建设方案书PHP做网站案例教程
  • 长沙app网站开发新视网站建设联系qq
  • flash网站源码下载暖色调网站欣赏
  • 自己买空间让网络公司做网站好吗微信公众号转入公司网站建设
  • 深圳龙岗网站建设哪家好公司宝应建设局网站
  • 网站标题logo制作办公室装饰设计
  • 开源cms建站在线观看的免费
  • 网站底部美化代码建筑企业培训课程
  • 外贸看的英文网站linux 安装 wordpress
  • 郑州网站专业建设qq博客 wordpress主题
  • 深圳做网站开发宁波企业网站优化推广
  • 虚拟商品自动发货网站搭建教程自动点击器
  • 天津市住房与城乡建设厅网站wordpress theme 删除
  • 山东省建设工会网站邢台公共服务平台官网
  • les做ml网站steam交易链接怎么用
  • 做网站的销售能干什么怎么建设自己导购网站
  • 如何利用网站做产品推广网站服务器 维护
  • 创业网站建设怎么样wordpress gzip
  • 博客网站开发视频ppt设计网站