微信小程序 MapContext.includePoints实现自动缩放地图大小

这篇具有很好参考价值的文章主要介绍了微信小程序 MapContext.includePoints实现自动缩放地图大小。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

记录一下微信小程序实现自动缩放地图大小的过程

官方文档地址:
MapContext.includePoints
最近做了个功能,根据用户和商家之间的距离画出导航线,然后根据距离自动缩放地图的scale
然鹅!官方文档又是一笔带过,没办法,查资料查的一肚子火,好在最后还是实现了,直接贴代码记录一下我踩的坑,也让后面的兄弟别踩了
wxss:

<map id="map"></map>

js:

//这里括号里的map要和wxss里map的id对应
let MapContext = wx.createMapContext('map');
 // 换成具体的坐标点
 var lon1 = 坐标点1的经度
var lat1= 坐标点1的纬度
var lon2 = 坐标点2的经度
var lat2= 坐标点2的纬度
var points = [{longitude:lon1,latitude:lat1},{longitude:lon2,latitude:lat2}];
 MapContext.includePoints({
 // 缩放视野展示所有经纬度 [上,右,下,左]  这里四个值要一致
padding: [10,10,10,10],
points:points,
});
实现效果:苹果还没测试,安卓没问题

mapcontext.includepoints,微信小程序,小程序,javascript文章来源地址https://www.toymoban.com/news/detail-595567.html

到了这里,关于微信小程序 MapContext.includePoints实现自动缩放地图大小的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序实现客服消息自动回复(回复图片消息)

    前提 小程序已经开通了“云开发”功能 在微信开发者工具中打开“云开发”,点“设置”,点击“其它设置”,点击“添加消息推送”(添加消息类型为“image”和“event”两种消息推送设置),点击“确定” 目前微信小程序用户使用客服功能,必须通过固定的按钮进行触发

    2024年02月10日
    浏览(60)
  • 微信小程序 scroll-view 实现自动滑动到底部

    要实现实时聊天功能的话,那么每次有新的消息进来之后,要自动的滚动到底部。 scroll-view 有一个属性 scroll-into-view : 把新进来的消息, push 添加到消息列表 messageList 中。 但页面不会自动往下滚动。 1、在 scrill-view 节点最下面加一个垫片节点。 需要说明的是:这里的 3 个

    2024年02月10日
    浏览(64)
  • uniapp中使用canvas,在微信小程序中实现图片缩放移动涂鸦文字

    最近需要一个功能,在微信中编辑图片,实现对图片的涂鸦、加文字、缩放、移动,以下基本能实现该功能。 uniapp中使用画布,实现图片的编辑-批量批改图片 1.初始化画布图片,图片是网络图片,非本地图片,所以需要先获取图片信息,直接使用uni.getImageInfo(如果是本地图

    2024年04月14日
    浏览(63)
  • uniapp小程序开发|基于微信小程序实现小型比赛自动编排系统

    作者主页:编程指南针 作者简介:Java领域优质创作者、CSDN博客专家 、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师 主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库

    2024年02月11日
    浏览(49)
  • 微信小程序自动化测试——微信小程序云测服务!

    MiniTest 微信小程序云测服务是一套由微信测试团队自主研发,联合WeTest云真机能力,共同推出的微信小程序自动化测试服务。 服务基于云真机,支持开发者简单快捷地实现小程序智能化Monkey测试,录制回放,自定义测试和性能分析等能力,并提供详细的测试结果及性能数据,

    2024年04月15日
    浏览(54)
  • 微信小程序自动化发布

    文章描述不清 有疑问可以私信 Alison-Bird 参考:https://developers.weixin.qq.com/miniprogram/dev/devtools/ci.html 参考:https://www.npmjs.com/package/miniprogram-ci 上传文件 xx.js

    2024年02月07日
    浏览(41)
  • 微信小程序接口自动化-获取微信code

    https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 小程序登陆需要在小程序内部调用 wx.login() 的方法拿到 code,然后去请求服务获取到 token,后续的接口才能请求。 如何获取 code 去进行token获取。 Python 使用minium,JS 使用miniprogram-automator,这是微信官方提供的 UI 自动

    2024年02月08日
    浏览(49)
  • 微信小程序的自动化测试框架

    微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS Android 模拟器,三端运行 提供丰富的页面跳转方式,看不到也能去得到 可以获取和设置小程序页面数据,让测试不止点点点 可以直接触发小程序元素绑定事件 支持往 AppSerive

    2024年02月04日
    浏览(48)
  • 微信小程序:自动采集,轻松获取文章内容

    作为一名微信小程序开发者,我将为大家介绍如何使用自动采集功能来获取文章内容。通过这种方法,你可以快速获取各种主题的文章,并且无需手动复制粘贴。 1.什么是微信小程序自动采集功能? 微信小程序自动采集功能是指通过编写代码,利用网络爬虫技术从指定网站上

    2024年02月03日
    浏览(57)
  • 微信小程序view控件自动换行

    使用场景 :微信小程序、注册协议动态下发多个,需要 view自动换行 ,同时点击跳转协议内容场景需求 1.效果图.    2.xml界面代码 3. wxss样式代码 4.js点击协议界面跳转

    2024年02月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包