PlaceDetail

此类表示包含地点信息的面板或地图上的地点信息窗口。

构造函数

  • 创建地点详情面板实例

    参数类型说明
    panelstring
    options 可选PlaceDetailOptions配置参数
    属性类型说明
    compactboolean是否使用紧凑模式（地图内 overlay 展示时自动启用），默认 false
    renderOptionsPlaceDetailRenderOptions渲染选项，控制各信息模块的显示

    返回值 PlaceDetail

    示例代码1

    const panel = document.createElement('div');
    const placeDetail = new BMap.PlaceDetail(panel, {
      renderOptions: {
        displayCarousel: true,
        displayTag: true,
        displayRating: true,
        displayPrice: true,
      },
    });
    placeDetail.render('06d2dffda107b0ef89f15db6');

    示例代码2：与标注结合使用

    const placeDetail = new BMap.PlaceDetail(document.createElement('div'));
    placeDetail.setData('06d2dffda107b0ef89f15db6');
    marker.openPlaceDetail(placeDetail);

方法

  • 销毁面板，清空内容并隐藏容器

    返回值 void

  • 根据 POI uid 或数据对象渲染地点详情

    参数类型说明
    datastringPOI uid 字符串或已解析的地点数据对象

    返回值 void

    示例代码1

    placeDetail.render('06d2dffda107b0ef89f15db6');

  • 使用上一次的数据重新渲染

    返回值 void

  • 仅设置数据，不触发渲染（通常配合 Marker的openPlaceDetail 使用）

    参数类型说明
    datastringPOI uid 字符串或已解析的地点数据对象

    返回值 void

    示例代码1

    placeDetail.setData('06d2dffda107b0ef89f15db6');