开发 地图 JS API 1.4 参考手册 信息窗体

信息窗体 最后更新时间: 2021年01月22日

信息窗体

类名

说明

是否插件

AMap.InfoWindow             

信息窗体

AMap.AdvancedInfoWindow

高级信息窗体,在普通信息窗体的基础上,整合了POI搜索和多种路径规划的功能

InfoWindow 类

用于在地图上弹出一个详细信息展示窗体,地图上只允许同时展示1个信息窗体

构造函数

说明

AMap.InfoWindow(opt:InforWindowOptions)

构造详细信息展示窗体。

InfoWindowOptions

类型

说明

isCustom

Boolean

是否自定义窗体。设为true时,信息窗体外框及内容完全按照content所设的值添加(默认为false,即在系统默认的信息窗体外框中显示content内容)

autoMove

Boolean

是否自动调整窗体到视野内(当信息窗体超出视野范围时,通过该属性设置是否自动平移地图,使信息窗体完全显示)

closeWhenClickMap

Boolean

控制是否在鼠标点击地图后关闭信息窗体,默认false,鼠标点击地图后不关闭信息窗体

content

String/HTMLElement

显示内容,可以是HTML要素字符串或者HTMLElement对象,自定义窗体示例

size

Size

信息窗体尺寸(isCustom为true时,该属性无效)

anchor

String

信息窗体锚点。
默认值:'bottom-center'
可选值:'top-left'|'top-center'|'top-right'|'middle-left'|'center'|'middle-right'|'bottom-left'|'bottom-center'|'bottom-right'                                                                                          (自v1.4.13 新增)

offset

Pixel

信息窗体显示位置偏移量。默认基准点为信息窗体的底部中心(若设置了anchor,则以anchor值为基准点)。

position

LngLat

信息窗体显示基点位置

(自v1.2 新增)

showShadow

Boolean

Boolean 控制是否显示信息窗体阴影,取值false时不显示窗体阴影,取值true时显示窗体阴影

默认值:false

retainWhenClose

Boolean

信息窗体关闭时,是否将其Dom元素从页面中移除,默认为false

方法

返回值

说明

open(map:Map,pos:AMap.LngLat)


在地图的指定位置打开信息窗体

close( )


关闭信息窗体

getIsOpen( )

Boolean

获取信息窗体是否打开

setContent(content:String|htmlDOM)


设置信息窗体内容,可通过该函数动态更新信息窗体中的信息

getContent( )

String

获取信息窗体内容 ,结果以字符串方式返回

setPosition(lnglat:LngLat)


设置信息窗体显示基点位置

getPosition( )

LngLat

获取信息窗体显示基点位置

getAnchor( )

String

获取信息窗体锚点                                                                                   (自v1.4.13 新增)

setAnchor( )


设置信息窗体锚点

可选值:'top-left'|'top-center'|'top-right'|'middle-left'|'center'|'middle-right'|'bottom-left'|'bottom-center'|'bottom-right'                                                                    (自v1.4.13 新增)

setSize(size:Size)


设置信息窗体大小(isCustom为false时有效)

getSize( )

Size

获取信息窗体大小

事件

参数

说明

change


属性发生变化时

open


信息窗体打开之后触发事件

close


信息窗体关闭之后触发事件

AMap.AdvancedInfoWindow 插件

用于在地图上弹出一个详细信息展示窗体

相关示例

构造函数

说明

AMap.AdvancedInfoWindow(opt:AdvancedInforWindowOptions)

构造详细信息展示窗体。

AdvancedInfoWindowOptions

类型

说明

autoMove

Boolean

是否自动调整窗体到视野内(当信息窗体超出视野范围时,通过该属性设置是否自动平移地图,使信息窗体完全显示)

closeWhenClickMap

Boolean

控制是否在鼠标点击地图后关闭信息窗体,默认false,鼠标点击地图后不关闭信息窗体

content

String/HTMLElement

显示内容,可以是HTML要素字符串或者HTMLElement对象

anchor

String

信息窗体锚点。  

默认值:'bottom-center' 

可选值:'top-left'|'top-center'|'top-right'|'middle-left'|'center'|'middle-right'|'bottom-left'|'bottom-center'|'bottom-right'                                                                                         

(自v1.4.13 新增)

offset

Pixel

信息窗体显示位置偏移量。默认基准点为信息窗体的底部中心(若设置了anchor,则以anchor值为基准点)。

position

LngLat

信息窗体显示基点位置(自v1.2 新增)         

panel

String|HTMLElement

结果列表的HTML容器id或容器元素,提供此参数后,结果列表将在此容器中进行展示。可选值

searchRadius

Number

设定周边搜索的半径,默认值:5000,单位:米

placeSearch

Boolean

是否支持显示周边搜索,默认是true

driving

Boolean

是否支持驾车路径规划,默认是true

walking

Boolean

是否支持步行路径规划,默认是true

transit

Boolean

是否支持公交路径规划,默认是true

asOrigin

Boolean

是否支持作为路径规划的起点,默认是true

asDestination

Boolean

是否支持作为路径规划的终点,默认是true

方法

返回值

说明

open(map:Map,pos:AMap.LngLat)


在地图的指定位置打开信息窗体

close( )


关闭信息窗体

getIsOpen( )

Boolean

获取信息窗体是否打开

setContent(content:String|htmlDOM)


设置信息窗体内容,可通过该函数动态更新信息窗体中的信息

getContent( )

String

获取信息窗体内容 ,结果以字符串方式返回

setPosition(lnglat:LngLat)


设置信息窗体显示基点位置

getPosition( )

LngLat

获取信息窗体显示基点位置

getAnchor( )

String

获取信息窗体锚点                                                                                   (自v1.4.13 新增)

setAnchor( )


设置信息窗体锚点

可选值:'top-left'|'top-center'|'top-right'|'middle-left'|'center'|'middle-right'|'bottom-left'|'bottom-center'|'bottom-right'                                                                    (自v1.4.13 新增)

clear( )


清除高级信息窗体在地图上绘制的路线规划或者搜索的结果

事件

参数

说明

change


属性发生变化时

open


信息窗体打开之后触发事件

close


信息窗体关闭之后触发事件

complete

SearchResult

当查询成功时触发此事件

error

ErrorStatus

当查询失败时触发此事件

SearchResult 对象

属性

类型

说明

info

String

成功状态说明

type

placesearch|driving|walking|transit

查询成功后,返回查询类型

data

SearchResult|DrivingResult|WalkingResult|TranferResult

查询成功后,根据查询类型返回对应的查询结果

返回顶部 示例中心 常见问题 智能客服 公众号
二维码