地图

    属性说明:

    解释:标记点用于在地图上显示标记的位置

    属性说明:
    属性名说明类型必填备注
    id标记点idNumbermarker点击事件回调会返回此id。建议为每个marker设置上Number类型id,保证更新marker时有更好的性能。
    latitude纬度Number浮点数,范围 -90 ~ 90
    longitude经度Number浮点数,范围 -180 ~ 180
    title标注点名String
    iconPath显示的图标String项目目录下的图片路径,支持相对路径写法,以’/‘开头则表示相对智能小程序根目录;也支持临时路径
    rotate旋转角度Number顺时针旋转的角度,范围 0 ~ 360,默认为 0
    alpha标注的透明度Number默认1,无透明
    width标注图标宽度Number默认为图片实际宽度
    height标注图标高度Number默认为图片实际高度
    callout自定义标记点上方的气泡窗口Object支持的属性见下表,不可识别换行符。
    label为标记点旁边增加标签Object支持的属性见下表,可识别换行符。
    anchor经纬度在标注图标的锚点,默认底边中点Object{x, y},x表示横向(0-1),y表示竖向(0-1)。{x: .5, y: 1} 表示底边中点

    callout

    属性说明: #### label 属性说明:
    属性名说明类型
    content文本String
    color文本颜色String
    fontSize文字大小Number
    xlabel的坐标,原点是 marker 对应的经纬度Number
    ylabel的坐标,原点是 marker 对应的经纬度Number
    borderWidth边框宽度Number
    borderColor边框颜色String
    borderRadius边框圆角Number
    bgColor背景色String
    padding文本边缘留白Number
    textAlign文本对齐方式。有效值: left, right, centerString

    解释:指定一系列坐标点,从数组第一项连线至最后一项

    属性说明:

    解释:在地图上显示圆

    属性说明:
    属性名说明类型必填备注
    latitude纬度Number浮点数,范围 -90 ~ 90
    longitude经度Number浮点数,范围 -180 ~ 180
    color描边的颜色String8位十六进制表示,后两位表示alpha值,如:#000000AA
    fillColor填充颜色String8位十六进制表示,后两位表示alpha值,如:#000000AA
    radius半径Number-
    strokeWidth描边的宽度Number
    属性说明:

    position

    属性说明:

    属性名说明类型必填备注
    left距离地图的左边界多远Number默认为0
    top距离地图的上边界多远Number默认为0
    width控件宽度Number默认为图片宽度
    height控件高度Number默认为图片高度

    地图组件的经纬度必填, 如果不填经纬度则默认值是北京的经纬度。

    示例

      说明:

      • map 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级;
      • 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 map 组件;
      • CSS 动画对 map 组件无效。

      媒体组件