开发
API

MapContext.setLocMarkerIcon

基础库 2.42.0 开始支持本方法,低版本需做兼容处理,这是一个异步方法。

设置定位点图标,支持网络路径、本地路径、代码包路径。

语法

MapContext.setLocMarkerIcon(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
iconPathstring图标路径,支持网络路径、本地路径、代码包路径2.43.0
successfunction接口调用成功的回调函数2.43.0
failfunction接口调用失败的回调函数2.43.0
completefunction接口调用结束的回调函数2.43.0

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring"MapContext.setLocMarkerIcon:ok"2.42.0

回调失败

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring"MapContext.setLocMarkerIcon:fail" + 详细错误信息2.42.0

错误信息说明

errMsg说明最低支持版本
iconPath is invalid图片地址不存在或者加载失败2.42.0
show-location is false<map> 组件的 show-locationfalse2.42.0
auth deny小程序没有用户位置授权2.42.0
system auth denyAPP 没有系统位置授权2.42.0

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<map
  id="myMap"
  show-location="{{true}}"
  style="width: 100%; height: 400px;"
></map>
<view>
  <button bindtap="setLocMarkerIcon" type="primary">更改定位点图标</button>
</view>
Page({
  onReady(e) {
    this.mapCtx = tt.createMapContext("myMap");
  },

  setLocMarkerIcon() {
    this.mapCtx.setLocMarkerIcon({
      iconPath:
        "https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/image-3873097097749289.5.png",
      success(res) {
        console.log("设置定位点图标成功", res);
      },
      fail(err) {
        console.log("设置定位点图标失败", err);
      },
    });
  },
});

Bug & Tip

  • Tip: 开发者工具暂不支持调试该 api,请在真机上调试。
点击纠错
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助