Skip to content

displayOptions 类

此类代表设置地图显示元素,不可实例化。用于配置地图上各种元素的显示状态。

属性

属性类型描述
poiboolean是否显示 POI 信息。注意:poipoiTextpoiIcon 均用来配置 POI 显示,当 poitrue 时,可配置另外两个选项;如果为 false,则另外两个选项不再生效
poiTextboolean是否显示 POI 文字信息
poiIconboolean是否显示 POI 的 Icon
overlayboolean是否显示覆盖物
buildingboolean是否显示 3D 建筑物(仅支持 WebGL 方式渲染的地图)
indoorboolean是否显示室内图(仅支持 WebGL 方式渲染的地图)
streetboolean是否显示路网(只对卫星图和地球模式有效)
skyColorArray配置天空的颜色,数组中首个元素表示地面颜色,第二个元素表示天空颜色。从而形成渐变,支持只传入一个元素

示例

javascript
// 创建显示选项配置
var displayOpts = {
    poi: true,
    poiText: true,
    poiIcon: true,
    overlay: true,
    building: true,
    indoor: false,
    street: true,
    skyColor: ['#87CEEB', '#4169E1']  // 从天蓝色渐变到宝蓝色
};

// 设置地图显示选项
map.setDisplayOptions(displayOpts);

// 只配置部分选项
map.setDisplayOptions({
    building: false,  // 关闭 3D 建筑物显示
    skyColor: ['#1E90FF']  // 设置单一天空颜色
});

相关方法

注意事项

  1. POI 相关的三个选项(poipoiTextpoiIcon)是有层级关系的,poi 为主控开关
  2. buildingindoor 选项仅在 WebGL 渲染模式下生效
  3. street 选项仅在卫星图和地球模式下生效
  4. skyColor 数组可以包含一个或两个颜色值:
    • 一个值时表示单一颜色
    • 两个值时表示渐变色,从地面到天空
  5. 可以只配置需要修改的选项,未配置的选项会保持原有状态

基于 MIT 许可发布