小程序——调用手机地图app

流程：点击某页面的地址，出现下图，点击右下角导航可选择打开 app。

实现步骤：

1、高德开放平台入门指南

2、在你小程序中调用 sdk 接口

let amapFile = require("./amap-wx");
// 高德开发者key
let key = 'f57c01206fa7xxxxxxxxxxxxxxxxxxxxxxx';
let myAmapFun = new amapFile.AMapWX({ key })

3、在需要打开地图的 js 页面，其中经纬度就是目的地，你的位置不用自己设置，默认就有

Page({data: {latitude: '30.253778',longitude: '120.16097',name: '西湖音乐喷泉表演',desc: '湖滨路与平海路交汇处西'},clickAddress() {let { latitude, longitude, name, desc } = this.data;wx.openLocation({latitude: +latitude,longitude: +longitude,name,address: desc})}
})

小程序——调用手机地图app相关推荐

uniapp 微信小程序调用手机地图导航到目标点
如果你的页面已经获取过用户的定位权限,这么写 toAddress(position,positionAddress){let arr = position.split(',')const latitu ...
微信小程序调用手机蓝牙
在开发当中需要去和硬件交互,需要蓝牙去发送命令,发现蓝牙交互还是需要挺多的歪歪绕绕的,记录一下: 首先在微信小程序里我们需要几个变量: const BluetoothDetail = {inputVa ...
Uniapp 微信小程序直接打开地图App （不经过内置地图页）
说明 1. 该方法依赖 map组件,如果页面不需要展示地图可直接将地图隐藏 display:none; 即可. 2. 如需展示则赋值给 map组件属性id即可.只是调用组件内的 openMapApp ...
小程序--------调用高德地图天气api获取天气
一.使用高德天气接口: 网址链接为: https://lbs.amap.com/api/webservice/guide/api/weatherinfo (一)注册并获取Key 使用时候需要注册获取K ...
微信小程序调用手机通讯拨打电话
// 打电话calling: function (e) {let item = e.currentTarget.dataset.item;console.log(item);wx.makePhoneC ...
小程序下的地图还能这么玩，你知道吗？
近几年来小程序生态的飞速发展大家都有目共睹,随着小程序与线下场景的结合日益紧密,地图类功能已经成为越来越多小程序的"标配". 腾讯位置服务一直在为微信和小程序提供底层的地图支持. ...
laravel接口+微信小程序调用
微信小程序调用laravel后台接口 laravel后台数据接口 //api路由前缀 Route::group(['prefix'=>'api'],function (){ //在Api文件下 ...
微信小程序调用地图和跟据经纬度打开手机地图导航
微信小程序调用地图和跟据经纬度打开手机地图导航第一步:输入地址位置 wxml<button bindtap="onChooseLocation">打开地图</b ...
实现微信小程序和手机app（基于vue）PDF预览功能
引言:最近在做微信小程序和手机端app开发(基于vue),实现一个pdf预览功能. 需求:点击pdf列表,跳转到预览pdf页面,页面上强制阅读10s后,显示一个按钮返回,更新阅读状态: 要求:不能调用 ...

小程序——调用手机地图app

小程序——调用手机地图app相关推荐

最新文章

热门文章