微信小程序 接入腾讯地图的两种写法_javascript技巧

来源:脚本之家  责任编辑:小易  

最近在写微信小程序,遇到了一些坑,在网上也查了好多,感觉都没有我想要的答案,

刚处理了这个地图的问题,在这里总结下,希望可以帮助大家。

在微信小程序中,腾讯地图的接入其实是有两种方式的,第一种调用腾讯本身的地图,第二种是使用插件 ma-route

一、调用腾讯本身的地图

实现结果如下图:

这个非常简单,而且用的人也很多,

只需要调用两个地图的api.

就是上边的两个。当然调用openLocation的时候你首先要调用getLocation授权

需要你在app.json里配置信息,如下:

在你需要跳转地图的页面写以下方法:

点击

可以弹出百度地图,高德地图等第三方软件

以上就是第一种方法,

二、第二种方法

首先找到微信小程序的

在插件管理中添加该插件

使用方法:

首先在app.json文件中配置

其次在它所在目录的main.json文件配置

我是基于mpvue写的,所以和开发文档上稍有区别

先有跳转过来的页面拿到终点地址,然后通过getLocation获取当前位置坐标

代码如下:

以下是第二种方法:成功后的效果图

到此这篇关于微信小程序 接入腾讯地图的两种写法的文章就介绍到这了,更多相关小程序 接入腾讯地图内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:微信小程序 腾讯地图SDK 获取当前地址实现解析微信小程序 腾讯地图显示偏差问题解决微信小程序把百度地图坐标转换成腾讯地图坐标过程详解微信小程序+腾讯地图开发实现路径规划绘制微信小程序 使用腾讯地图SDK详解及实现步骤

  • 本文相关:
  • js继承用法实例分析
  • javascript json字符串到json对象转义问题
  • 微信小程序 列表的上拉加载和下拉刷新的实现
  • javascript实现鼠标点击页面 移动div
  • layui table 多行删除(id获取)的方法
  • js获取并处理php数组的方法实例分析
  • js中this的指向问题归纳总结
  • js实现拖拽效果
  • 微信小程序通过js实现瀑布流布局详解
  • 微信小程序如何获取地址
  • 微信小程序中怎么调用腾讯地图的api接口
  • 小程序调用的腾讯地图 怎么在这个位置写入详细地址
  • 如何在微信小程序里,调入百度地图后。实现输入多...
  • 如何用TypeScript开发微信小程序
  • 微信小程序里的地图组件是腾讯地图么
  • 微信小程序地图上的文字说明怎么实现
  • 微信小程序怎样设置textarea文本域输入?
  • 微信小程序添加门店问题
  • 微信小程序 怎么用第三方js库 jquery
  • 微信小程序的index.js怎么写?详细代码见下方↓
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascript微信小程序 腾讯地图sdk 获取当前地址实现解析微信小程序 腾讯地图显示偏差问题解决微信小程序把百度地图坐标转换成腾讯地图坐标过程详解微信小程序+腾讯地图开发实现路径规划绘制微信小程序 使用腾讯地图sdk详解及实现步骤js继承用法实例分析javascript json字符串到json对象转义问题微信小程序 列表的上拉加载和下拉刷新的实现javascript实现鼠标点击页面 移动divlayui table 多行删除(id获取)的方法js获取并处理php数组的方法实例分析js中this的指向问题归纳总结js实现拖拽效果微信小程序通过js实现瀑布流布局详解微信小程序如何获取地址js刷新页面方法大全js删除数组里的某个元素方法js中settimeout()的用法详解js截取字符串常用方法详细整理js页面跳转常用的几种方式js打开新窗口的2种方式js数组与字符串的相互转换方法js设置cookie、读取cookie、删除js 将json字符串转换为json对象的js保留两位小数方法总结微信小程序 点击切换样式scroll-view实现javascript的一种模块模式微信小程序商品详情页的底部弹出框效果listloading.js移动端上拉下拉刷新组件微信小程序echarts覆盖正常组件问题解决js实现扫雷小程序的示例代码js下利用控制器载入对应脚本bootstrap布局之栅格系统详解跟我学习javascript的arguments对象将string解析为json的几种方式小结
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved