微信小程序 <map>: marker id should be a number

这篇具有很好参考价值的文章主要介绍了微信小程序 <map>: marker id should be a number。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题描述:

已经按照小程序官方文档的要求做了可是还会报错

微信小程序 <map>: marker id should be a number

 文章来源地址https://www.toymoban.com/news/detail-483586.html


查看官方文档发现id并不是必填,但是随便填一个数字型number就可以解决问题

微信小程序 <map>: marker id should be a number

 

解决方案:

按照文档中所写添加一个id 类型为number

微信小程序 <map>: marker id should be a number

 

然后就不会有报错了。

请注意:

在使用小程序地图相关的APi组件时,一定要先去小程序平台去申请权限哦,否则在开发者工具上可以使用,但是一旦使用真机测试就GAME OVER啦。

这里我附上小程序地理位置接口新增与相关流程调整的入口,请各位开发大大注意哦。这里我简单介绍一下。

地理位置接口新增与相关流程调整 | 微信开放社区一、地理位置接口新增说明由于精确地理位置接口只允许部分类目的小程序申请使用,为了满足开发者在更多场景使用地理位置接口,自 2022 年 7 月 14 日起,新增获取模糊地理位置接口(wx.getFuzzyLocation)。同时为保障用户合法权益,该接口调用前需进行准入开通申请,该接口准入规则与 wx.chooseLocation 一致。wx.getFuzzyLocation 接口说明:1、该接口返回的是经过模糊处理的经纬度坐标;2、该接口支持返回 wgs84 或 gcj02 两种类型的坐标;3、该接口需要用户授权 scope.userFuzzyLocation。二、app.json 的配置指引为了开发者能够正常使用获取模糊地理位置等接口,以及后续对于代码提审环节的优化(见「三、地理位置接口使用流程」),自 2022 年 7 月 14 日起,开发者在使用地理位置相关接口时(共计 8 个,见表1),需要提前在 app.json 中进行配置。1、需配置的接口列表表12、配置规则1)在代码中使用的地理位置相关接口(共计 8 个,见表1),开发者均需要在 app.json 中 requiredPrivateInfos 配置项中声明,代码格式如下:2)表1中模糊位置信息(序号1)和精确位置信息(序号2-5)是互斥的,即声明了模糊位置信息就无法声明精确位置信息。若同时声明模糊位置信息和精确位置信息,则在编译代码时出现错误;3)注意:自 2022 年 7 月 14 日后发布的小程序,如果未在 app.json 中声明表1中的相关接口,则小程序调用这些接口(表1)时会出现错误,在 2022 年 7 月 14 日之前发布的小程序不受影响;4)对于第三方开发者,需要在上传代码时通过参数在 ext.json 中声明其需调用的地理位置相关接口,配置规则和普通小程序的配置规则相同。三、地理位置接口使用流程自 2022 年 7 月 14 日起,开发者如需在最新版本发布后使用地理位置相关接口,除需完成接口权限开通外,还需在 app.json(或ext.json)配置环节,具体如下:1、接口权限开通以下 8 个接口需完成准入开通流程:wx.getFuzzylocation、wx.getLocation、wx.onLocationChange、wx.chooseAddress、wx.choosePoi、wx.chooseLocation、wx.startLocationUpdate、wx.startLocationUpdateBackground1)普通开发者:需要在 “小程序管理后台 -「开发」-「开发管理」-「接口设置」” 中完成权限申请;2)第三方开发者:可通过 apply_privacy_interface 接口完成权限申请。2、app.json(或 ext.json)配置1)普通开发者:需在 app.json 中声明其需调用的地理位置相关接口,具体配置流程见「二、app.json 的配置指引」;2)第三方开发者:需要在上传代码时通过参数在 ext.json 中声明其需调用的地理位置相关接口(配置方式:可通过 commit 接口配置)。同时,为了提升开发者体验,平台在代码提审环节会协助开发者对地理位置接口进行检测,如检测出代码中包含未完成准入开通的地理位置接口,平台将再次提醒开发者确认是否需使用相关接口。1)普通开发者:若无需使用,开发者可在提审时确认不使用该接口,即可正常进行代码提审。小程序审核通过且新版本发布完成后,平台将对小程序确认不使用的接口关闭使用权限;2)第三方开发者:若无需使用,可在提审时通过参数声明不使用该接口(声明方式:可通过 submit_audit 接口配置),即可正常进行代码提审,审核通过后发布上线,将对其声明不使用的接口关闭使用权限。以上调整将仅对所有小程序生效。微信团队2022年6月1日https://developers.weixin.qq.com/community/develop/doc/000a02f2c5026891650e7f40351c01

1.先去微信平台申请权限。

微信小程序 <map>: marker id should be a number

申请完成后在进行代码开发。 

2.app.json文件中也需要加入一些代码,这里我使用的是 getFuzzyLocation API。

"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    },
    "scope.userFuzzyLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "requiredPrivateInfos":[
    "getFuzzyLocation",
    "choosePoi",
    "chooseAddress"
  ]

3.查看效果。

微信小程序 <map>: marker id should be a number

 没有报错,非常的nice。

      

这里忍不住吐槽一下(盗用大佬的图)

微信小程序 <map>: marker id should be a number

 

到了这里,关于微信小程序 <map>: marker id should be a number的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序给 thinkphp后端发送请求出现错误 Wrong number of segments 问题的解决 【踩坑记录】

    这里提示 wrong number of segements , 百度了一下说这个问题是 后端解码token缺了一些东西(没正确的解码),然后我去抓了下包发现,我小程序端发送请求的时候,token是undifend,然后检查了一下store中的token发现,是我写错了变量名(😂好低级的错误) 微信小程序向后端发送请求时

    2024年02月09日
    浏览(52)
  • 微信小程序之绘制多个marker以及调用手机地图软件导航

    此文章是为了说明使用微信小程序在腾讯地图上绘制多个marker地图点;然后点击某一个marker进行导航的信息;具体的功能演示如下: 一、功能演示 二、前端布局代码 view style=\\\"display: flex;flex-direction: column;\\\" //地图的布局文件信息   map class=\\\"mapUI\\\" id=\\\"myMap\\\" scale=\\\"13\\\" bindmarke

    2024年02月06日
    浏览(54)
  • 【uniapp】 微信小程序使用腾讯API地图、路线轨迹、marker标记点

    引入js import amap from \\\'@/common/qqmap-wx-jssdk.js\\\'; var qqmapsdk; qqmapsdk = new amap({ key: \\\'腾讯地图API key\\\' // 必填 }); 小程序配置合法域名 :https://apis.map.qq.com 下载地址 :请前往【小程序地图、腾讯API、商业圈、路线轨迹、地图选点】 示例图 请前往小程序查询

    2024年02月16日
    浏览(66)
  • 微信小程序:requestSubscribeMessage:fail can only be invoked by user TAP gesture的问题

    wx.requestSubscribeMessage(Object object) 发生`requestSubscribeMessage:fail can only be invoked by user TAP gesture`错误提示的原因主要是: 2.8.2版本开始, 用户发生点击行为或者发起支付回调后,才可以调起订阅消息界面 。 也就是说通过其他方式去拉起订阅都是不成功的。 调起客户端小程序订阅

    2024年02月13日
    浏览(37)
  • C# 微信小程序获取群id

    有个需求,需要限制小程序的抽奖只能在某个群内,需要知道谁在群里面,但是微信并没有提供谁在群里面的方法,不过提供了获取群id的方法,这样加上限制分享就能保证群里的参加,即时分享出去了,判断来源的时候也不是来自于群了,就不允许用户参与。 wx.login wx.get

    2024年01月16日
    浏览(37)
  • 微信小程序 map地图(轨迹)

    allMarkers效果图   废话少说直接上马(最后是我遇到的问题) cover-view是气泡弹窗,可以自定义弹窗,要配合js:customCallout,如果是非自定义的话:callout(可以修改颜色、边框宽度、圆角、边距等)有些属性我没加,还是看官方文档(虽然写的。。) 字段说明: allMarkers:模

    2024年02月13日
    浏览(50)
  • 微信小程序使用地图map (详细)

    直接看代码: 可直接赋值实现,图标可根据自己需要更改 小程序地理定位qqmap-wx-jssdk.js:qqmap-wx-jssdk.js 点击可进行下载里边的 :下载微信小程序JavaScriptSDK

    2024年02月11日
    浏览(49)
  • 微信小程序使用openid生成唯一数字ID(哈希算法)

    引入 crypto-js 库和云函数所需的模块。 定义了一个 convertToUniqueDigits 函数,接收两个参数:需要转换的字符串和返回的结果的数字位数。         在函数内部,使用 sha256 函数将字符串转换为哈希值,然后将哈希值转换为数字,并将结果映射到指定的位数。         如

    2024年02月16日
    浏览(41)
  • 查看微信小程序的原始账号ID和AppId

    略 打开一个小程序,进入小程序后点击右上角 三个点 点击小程序的名字 点击更多资料 更多资料中出现原始账号ID和AppId 打开一个小程序,进入小程序后点击右上角 三个点 点击添加到桌面 回到桌面,找到图标点击右键,在右键菜单中点击属性 属性中出现AppId s s s

    2024年02月13日
    浏览(185)
  • 【微信小程序】selectComponent(#id)失败得到是null分析

    小程序中无法像网页中轻易的 获取DOM元素 ,需要依靠 this.selectComponent(#id) this.selectAllComponents(#id) 本文主要针对 this.selectComponent 获取DOM元素失败的原因 上图为我的业务代码,由图可知,通过for循环遍历渲染 card 自定义组件, 每个组件的id都为666 这里获取一下DOM元素并打印,

    2024年02月09日
    浏览(41)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包