说明

信息窗口选项对象，通过该对象的各个属性来设置信息窗口的标题、内容、边框风格等，信息窗口可以在地图上单独打开，也可以在SMap.Marker、SMap.Polyline、SMap.Area对象上打开。

构造函数

SMap.TipOptions()

创建信息窗口参数选项对象。

参数

无。

示例1

var tipOptions=new SMap.TipOptions();

示例2

//HTML气泡信息窗口
var tipOption = new SMap.TipOptions();
tipOption.tipType = SMap.HTML_BUBBLE_TIP;
tipOption.title = "标题";
tipOption.content = "内容";
tipOption.borderStyle.color = 0x00FFFF;
var fontstyle = new SMap.FontStyle();
fontstyle.name ="黑体";
fontstyle.size = 30;
fontstyle.color = 0x00FFFF;
fontstyle.bold = true;
tipOption.titleFontStyle=fontstyle;
tipOption.contentFontStyle=fontstyle;
tipOption.titleFillStyle.color = 0xffFFFF;
tipOption.fillStyle.color = 0xffFF00;
tipOption.tipHeight=300;
tipOption.tipWidth=300;
tipOption.alpha=0.2;

示例3

//IMG气泡信息窗口
var tipOption = new SMap.TipOptions();
tipOption.tipType = SMap.IMG_BUBBLE_TIP;
tipOption.title = "标题";
tipOption.content = "内容";
var fontstyle = new SMap.FontStyle(); //定义字体风格对象
fontstyle.name ="宋体";
fontstyle.size = 20;
fontstyle.color = 0x00F00F;
fontstyle.bold = true;
tipOption.titleFontStyle=fontstyle;
tipOption.contentFontStyle=fontstyle;
tipOption.tipHeight=300;
tipOption.tipWidth=300;

示例4

//HTML自定义信息窗口
var tipOption = new SMap.TipOptions();
tipOption.tipType = SMap.HTML_CUSTOM_TIP;
tipOption.content="<div id='layer' style='background-color:#0ff;width:200px; height:200px'>内容</div>";
tipOption.tipAlign=SMap.BOTTOM_RIGHT;
tipOption.tipPosition=new SMap.Point(-100,-100);

属性

tipType:SMap.Constant

信息窗类型。

取值

SMap.HTML_BUBBLE_TIP，html气泡形状信息窗口（默认）。

SMap.HTML_CUSTOM_TIP，html用户自定义形状信息窗口。

SMap.IMG_BUBBLE_TIP，image背景的html气泡形状信息窗口。

content:String

信息窗口的内容。

注释

支持HTML片段字符串，如果需要显示HTML请进行转义。

[各种类型信息窗私有属性]

title:String

信息窗口的标题。

注释

适用于HTML_BUBBLE_TIP、IMG_BUBBLE_TIP。

borderStyle:SMap.LineStyle

信息窗口边框风格。

注释

仅适用于HTML_BUBBLE_TIP，且仅LineStyle.color属性有效（默认值：0x005CB5）。

titleFontStyle:SMap.FontStyle

标题文字风格。

注释

适用于HTML_BUBBLE_TIP(默认值：color:0xFFFFFF)、IMG_BUBBLE_TIP(默认值：color:0)。 默认值：size:12（最大值25）,bold:true

contentFontStyle:SMap.FontStyle

内容文字风格。

注释

适用于 HTML_BUBBLE_TIP、IMG_BUBBLE_TIP。默认值：color:0x004A91。size的最大值为25。

fillStyle:SMap.FillStyle

内容部分填充风格。

注释

仅适用于HTML_BUBBLE_TIP，且仅FillStyle.color属性可用(默认值：0xFFFFFF)。

titleFillStyle:SMap.FillStyle

标题部分填充风格。

注释

仅适用于HTML_BUBBLE_TIP，且仅FillStyle.color属性可用（默认值：0x005CB5）。

alpha:Number

信息窗体透明度。注意，只能用该属性设置信息窗体的整体透明度，不能单独设置标题或内容透明度。

取值

范围为0-1，0表示透明，1表示不透明，默认为1。

注释

适用于HTML_BUBBLE_TIP。

tipHeight:Number

HTML气泡信息窗口高度。

取值

默认为实际内容高度。

对于HTML_BUBBLE_TIP，最小值为73px。

对于IMG_BUBBLE_TIP，最小值为86px；最大值为700px。

注释

适用于HTML_BUBBLE_TIP、IMG_BUBBLE_TIP。

tipWidth:Number

HTML气泡信息窗口宽度。

取值

默认为300px。

对于HTML_BUBBLE_TIP，建议最小值不小于150px；最大值不大于640px。

对于IMG_BUBBLE_TIP，最大值为700px；建议最小值不小于156px。

注释

适用于HTML_BUBBLE_TIP、IMG_BUBBLE_TIP。

tipAlign:SMap.Constant

HTML用户自定义信息窗体对准标注位置的锚点位置（九宫格）。

取值

SMap.TOP_LEFT：左上方。

SMap.TOP_CENTER：正上方。

SMap.TOP_RIGHT：右上方。

SMap.MIDDLE_LEFT：正左边。

SMap.MIDDLE_CENTER：正中心。

SMap.MIDDLE_RIGHT：正右方。

SMap.BOTTOM_LEFT：左下方。

SMap.BOTTOM_CENTER：正下方（默认）

SMap.BOTTOM_RIGHT：右下方。

注释

仅适用于HTML_CUSTOM_TIP。

tipPosition:SMap.Point

信息窗体偏移量。

取值

默认值为(0,0)，向左向上偏移为负，向下向右偏移为正。

注释

适用于HTML_BUBBLE_TIP，信息窗体尖部相对于标注位置的偏移量。

适用于IMG_BUBBLE_TIP，信息窗体尖部相对于标注位置的偏移量。

适用于HTML_CUSTOM_TIP，tipAlign设置的信息窗体锚点相对于标注位置的偏移量。