iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >小程序如何创建并返回map上下文mapContext对象
  • 486
分享到

小程序如何创建并返回map上下文mapContext对象

2023-06-26 09:06:44 486人浏览 八月长安
摘要

本文将为大家详细介绍“小程序如何创建并返回map上下文mapContext对象”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“小程序如何创建并返回map上下文mapContext对象”能够给你意想不到的收获,请

本文将为大家详细介绍“小程序如何创建并返回map上下文mapContext对象”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“小程序如何创建并返回map上下文mapContext对象”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。

创建并返回 map 上下文 mapContext 对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内 <map/> 组件

mapContext

mapContext 通过 mapid 跟一个 <map/> 组件绑定,通过它可以操作对应的 <map/> 组件。

mapContext 对象的方法列表

方法参数说明最低版本
getCenterLocationOBJECT获取当前地图中心的经纬度,返回的是 GCj02 坐标系,可以用于 wx.openLocation 
moveToLocation将地图中心移动到当前定位点,需要配合map组件的show-location使用 
translateMarkerOBJECT平移marker,带动画1.2.0
includePointsOBJECT缩放视野展示所有经纬度1.2.0
getRegionOBJECT获取当前地图的视野范围1.4.0
getScaleOBJECT获取当前地图的缩放级别1.4.0

getCenterLocation 的 OBJECT 参数列表

参数类型必填说明
successFunction接口调用成功的回调函数 ,res = { longitude: "经度", latitude: "纬度"}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

translateMarker 的 OBJECT 参数列表

参数类型必填说明
markerIdNumber指定marker
destinationObject指定marker移动到的目标点
autoRotateBoolean移动过程中是否自动旋转marker
rotateNumbermarker的旋转角度
durationNumber动画持续时长,默认值1000ms,平移与旋转分别计算
animationEndFunction动画结束回调函数
failFunction接口调用失败的回调函数

includePoints 的 OBJECT 参数列表

参数类型必填说明
pointsArray要显示在可视区域内的坐标点列表,[{latitude, longitude}]
paddingArray坐标点形成的矩形边缘到地图边缘的距离,单位像素。格式为[上,右,下,左],安卓上只能识别数组第一项,上下左右的padding一致。开发工具暂不支持padding参数。

getRegion 的 OBJECT 参数列表

参数类型必填说明
successFunction接口调用成功的回调函数,res = {southwest, northeast},西南角与东北角的经纬度
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

getScale 的 OBJECT 参数列表

参数类型必填说明
successFunction接口调用成功的回调函数,res = {scale}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

<!-- map.wxml --><map id="myMap" show-location /><button type="primary" bindtap="getCenterLocation">获取位置</button><button type="primary" bindtap="moveToLocation">移动位置</button><button type="primary" bindtap="translateMarker">移动标注</button><button type="primary" bindtap="includePoints">缩放视野展示所有经纬度</button>

小程序的优势是什么

小程序相对于开发者来说,开发难度较低,可节约开发和运营成本,让开发者可以快速地开发一个小程序。并且小程序可在微信内被便捷地获取和传播,能够满足基础的生活应用,符合生活服务类线下商铺以及非刚需低频应用的转换。对于用户而言,能够节约使用时间成本和手机内存空间,同时具有优异的使用体验。

感谢您能读到这里,小编希望您对“小程序如何创建并返回map上下文mapContext对象”这一关键问题有了从实践层面最深刻的体会,具体使用情况还需要大家自己动手实践使用过才能领会,如果想阅读更多相关内容的文章,欢迎关注编程网精选频道!

--结束END--

本文标题: 小程序如何创建并返回map上下文mapContext对象

本文链接: https://www.lsjlt.com/news/308656.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序如何创建并返回map上下文mapContext对象
    本文将为大家详细介绍“小程序如何创建并返回map上下文mapContext对象”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“小程序如何创建并返回map上下文mapContext对象”能够给你意想不到的收获,请...
    99+
    2023-06-26
  • 微信小程序如何创建并返回map上下文mapContext对象
    这篇文章主要介绍了微信小程序如何创建并返回map上下文mapContext对象的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序如何创建并返回map上下文mapContext对象文章都会有所收获,下面我们...
    99+
    2023-06-26
  • 微信小程序开发中如何使用wx.createAudioContext创建并返回audio上下文audioContext对象
    这篇文章主要为大家展示了微信小程序开发中如何使用wx.createAudioContext创建并返回audio上下文audioContext对象,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小...
    99+
    2023-06-26
  • 创建新对象后如何返回嵌套实体?
    在PHP中,创建新对象后如何返回嵌套实体是一个常见的问题。当我们需要在一个类中创建一个新的对象,并将其作为另一个实体的属性时,我们需要注意一些技巧和方法。首先,我们可以在类的构造函数中...
    99+
    2024-02-10
  • 如何在 google cloud run for firebase 中创建上下文对象
    积累知识,胜过积蓄金银!毕竟在Golang开发的过程中,会遇到各种各样的问题,往往都是一些细节知识点还没有掌握好而导致的,因此基础知识点的积累是很重要的。下面本文《如何在 google cloud ...
    99+
    2024-04-05
  • 小程序如何关闭当前页面返回上一页面
    这篇“小程序如何关闭当前页面返回上一页面”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“小程序如何关闭当前页面返回上一页面”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来...
    99+
    2023-06-26
  • 小程序如何封装wx.request请求并创建接口管理文件
    这篇文章主要为大家展示了“小程序如何封装wx.request请求并创建接口管理文件”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序如何封装wx.reques...
    99+
    2024-04-02
  • 微信小程序如何实现页面跳转与返回并回传数据的方法
    小编给大家分享一下微信小程序如何实现页面跳转与返回并回传数据的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!微信小程序 详解页面跳转与返回并回传数据A页面:.wxml文件<vie...
    99+
    2024-04-02
  • 微信小程序如何实现文件上传、下载操作
    这篇文章将为大家详细讲解有关微信小程序如何实现文件上传、下载操作,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体如下:前面介绍了微信小程序登录API与获取用户信息操作。...
    99+
    2024-04-02
  • 微信小程序环境下如何将文件上传到OSS
    这篇文章主要介绍了微信小程序环境下如何将文件上传到OSS,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。步骤 1: 配置 Bucket 跨域客...
    99+
    2024-04-02
  • 如何在 Windows 上使用 Laravel 构建强大的 PHP 对象应用程序?
    Laravel 是一个流行的 PHP 开源框架,它提供了一种优雅的方式来构建 Web 应用程序。在本文中,我们将介绍如何在 Windows 上使用 Laravel 构建强大的 PHP 对象应用程序,并提供一些演示代码来帮助您入门。 安装...
    99+
    2023-07-24
    对象 laravel windows
  • SpringBoot+微信小程序如何实现文件上传与下载功能
    这篇文章主要介绍SpringBoot+微信小程序如何实现文件上传与下载功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、文件上传1.1 后端部分1.1 引入Apache Commons FIleUpload组件依...
    99+
    2023-06-29
  • PHP、JavaScript 和 Apache:如何使用对象来创建可扩展的 Web 应用程序?
    Web 应用程序是现代互联网的核心。在这个数字化的时代,Web 应用程序的需求不断增长,使得开发人员需要更好的工具来满足业务需求和用户需求。PHP、JavaScript 和 Apache 是 Web 应用程序的三大核心技术,使用对象来创建...
    99+
    2023-08-19
    javascript 对象 apache
  • 如何将UNIX系统与ASP对象结合使用来创建高效的Web应用程序?
    UNIX系统和ASP对象都是Web应用程序开发中常用的工具和技术。将它们结合使用可以创建高效的Web应用程序。本文将介绍如何使用UNIX系统和ASP对象来创建高效的Web应用程序。 一、UNIX系统介绍 UNIX系统是一种多用户、多任务、支...
    99+
    2023-07-27
    对象 unix http
  • 你知道如何利用ASP.NET和NumPy响应对象创建响应式Web应用程序吗?
    ASP.NET 和 NumPy 是两个非常强大的工具,它们可以一起使用来创建响应式的 Web 应用程序。在本文中,我们将介绍如何使用 ASP.NET 和 NumPy 来创建响应式的 Web 应用程序,并且演示一些代码示例。 首先,让我们来介...
    99+
    2023-10-27
    numy 响应 对象
  • 如何在 Python 中使用对象和二维码创建有趣的应用程序?这里有教程!
    Python 是一种非常流行的编程语言,具有广泛的应用领域。在 Python 中,我们可以利用对象和二维码创建有趣的应用程序。本文将介绍如何使用 Python 中的对象和二维码创建应用程序,并提供相关教程和演示代码。 1. 对象 在 Pyt...
    99+
    2023-09-04
    教程 对象 二维码
  • 微信小程序中js文件如何改变参数并在视图上及时更新
    小编给大家分享一下微信小程序中js文件如何改变参数并在视图上及时更新,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、简单参数XX.wxml<view>   ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作