Infowindow

InfoWindow 组件用于在地图上创建一个包含信息的窗口。InfoWindow 可作为独立的组件使用，使用时需要传入信息窗口所在的地理位置。

InfoWindow 组件还可作为 Marker 组件 的子组件，为 Marker 创建基于事件开启的信息窗口。

Usage

<InfoWindow
  width="200"
  height="30"
  position={{ lng: 113.331127, lat: 23.125752 }}
  title="花城广场"
  message="这里是花城广场"
  content={`<div><h4 style='margin:0 0 5px 0;'>花城广场</h4>
<img style='float:right;margin:0 4px 22px' id='imgDemo' src='https://www.gzjlwy.com/uploadfile/2018/0608/20180608094259779.jpg' width='139' height='60'/>
<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
  地址：广州市天河区花城大道89号
</p>
<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
  花城广场于2010年10月25日建成开放，占地面积56万平方米，是广州最大的城市广场...
</p></div>`}
/>

API

Examples

Add Infowindow

添加信息窗口

Add Infowindow for Marker

参见 为点标记添加信息窗口

Ready For More?

继续了解更多关于 svelte-baidumaps 组件的内容。

Map
Components
Infowindow
Components
Infowindow
Api


Last Updated: 2021-08-29