开发
API

MapContext.mapToScreen

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

用于将地图经纬度坐标系转换成屏幕坐标系。

语法

MapContext.mapToScreen(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
longitudenumber经度2.34.0
latitudenumber纬度2.34.0
successfunction接口调用成功的回调函数2.34.0
failfunction接口调用失败的回调函数2.34.0
completefunction接口调用结束的回调函数2.34.0

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring"mapToScreen:ok"2.34.0
xnumber经度在地图容器对应的 x 轴像素值2.34.0
ynumber经度在地图容器对应的 y 轴像素值2.34.0

回调失败

object 类型,属性如下:

属性类型说明最低支持版本
errMsgstring"mapToScreen:fail" + 详细错误信息2.34.0

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<map id="myMap" style="width: 100%; height: 400px;" markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}"></map>
<view>
  <button bindtap="mapToScreen" type="primary">转换为屏幕坐标</button>
</view>
<view>
    longitude: {{longitude}}, latitude: {{latitude}}
</view>
<view>
    x: {{x}}, y: {{y}}
</view>
Page({
  data: {
    latitude: 23.099994,
    longitude: 113.32452,
  },
  onReady() {
    this.mapCtx = tt.createMapContext("myMap", this);
  },
  mapToScreen() {
    this.mapCtx.mapToScreen({
      longitude: this.data.longitude,
      latitude: this.data.latitude,
      success: ({ x, y }) => {
        this.setData({ x, y });
      },
    });
  },
});

Bug & Tip

  • Tip: 开发者工具暂不支持调试该 api,请在真机上调试。
点击纠错
评价此篇文档