课程章节介绍
让我们来聊聊如何使用``组件来创建一个名为`delivyListMap`的地图组件。这个组件的主要功能是显示我们交付的每个地点的地图标记，并且当你点击这些标记时，它会显示在该位置已经完成的交付数量。
首先，``组件是基于谷歌地图的，这意味着你可以直接使用谷歌地图的功能，而不需要额外的API密钥。这大大简化了我们的开发过程。
在这个组件中，我们需要为每个交付地点设置一个地图标记。每个标记都需要一个具体的位置，这个位置通常由纬度和经度来定义。但是，如果你只有地址而没有具体的经纬度，那么你需要进行一个叫做“地理编码”的过程。地理编码就是将地址转换成经纬度的过程，这样谷歌地图才能知道在哪里放置标记。
在我们的例子中，我们有一个地址是英国伦敦。由于我们没有提供具体的经纬度，所以这个地址需要先进行地理编码。需要注意的是，每张地图最多只能对10个地址进行地理编码，而且建议地图上的标记总数不要超过100个，以保证地图的加载速度和性能。
为了在地图上显示这些标记，我们需要填充`map-markers`属性。这个属性是一个数组，数组中的每个元素都描述了一个标记的位置和其他相关信息。在我们的示例中，我们只显示一个地图标记，指向伦敦。
总结一下，使用``组件，我们可以轻松地创建一个显示交付地点地图的组件。通过设置`map-markers`属性，我们可以控制地图上显示的标记，并且通过地理编码，我们可以将地址转换为地图上的具体位置。这样，用户就可以直观地看到每个交付地点的位置，并通过点击标记来查看交付的详细信息。