如何向 yii2 谷歌地图信息窗口添加多个内容？

Question

我正在使用 2amigos 的 yii2 谷歌地图，但我不知道如何在标记的信息窗口弹出窗口中添加更多内容。 我想在信息窗口中放置多个图像和一些描述。现在，我只有一张图片。

    $x = 0;
foreach ($dataProvider->models as $model) {
    $marker[$x] = new Marker([
        'position' => $coords[$x],
        'title' => $model->location,
    ]);

    $marker[$x]->attachInfoWindow(
        new InfoWindow([
            'content' => Html::img('@web/'.$model->pic_north,['width'=>180], ['alt'=>'North'])
        ])
    );

    // Add marker to the map
    $map->addOverlay($marker[$x]);
    $x++;
}

echo $map->display();

Answer 1

尝试添加模式 img

$contentTest =  Html::img('@web/'.$model->pic_north,['width'=>180],
   ['alt'=>'Phil-LiDAR 2.2.13']) .  
   Html::img('@web/'.$model->pic_2,['width'=>180], ['alt'=>'pic_2']) . 
   Html::img('@web/'.$model->pic_3,['width'=>180], ['alt'=>'pic_3']);

 $marker[$x]->attachInfoWindow(
    new InfoWindow([
        'content' => $contentTest,
    ])
);

img 的 html 帮助器使选项(see the doc) 轻松可用

这意味着你可以通过这种方式在助手中添加你需要的样式

Html::img('@web/'.$model->pic_3,['width'=>180], 
  ['alt'=>'pic_3'], 'left'=>200], ['top'=>120]);