Marker

Marker 组件用于在地图上创建一个图像标注,使用时需要指定图像标注所在的地理坐标位置。用户可以设置标注可拖拽、自定义 Marker 图标、标注文本、为点标记添加点击事件等等。

InfoWindow 组件 可作为 Marker 的子组件,为 Marker 提供信息窗口功能。

Usage

<Marker lng={116.404113} lat={39.919852} label="西雁翅楼" labelOffset={{weight: 30, height: 50}}
	icon={{ path: 'PIN_DROP', opts: { anchor: { width: 10, height: 10 }, fillColor: 'green', scale: 2 } }} />

API

Examples

Add Marker

添加点标注

当在地图上添加多个点标注时,有时需要使所有点标注处于视野范围内,这时建议使用 MarkerList 组件

Dragging

添加自定义文字标签

Custom Marker Icon

自定义 Marker 图标

Add Child Component - Infowindow

为点标记添加信息窗口

Ready For More?

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



Last Updated: 2021-08-29