如何使用ZK Framework在Gmap上动态填充Gmarker

Question

我需要帮助来通过数据库中的数据lng和lat动态填充Gmarker，并在我的ZK应用程序中显示，我正在使用Gmaps v.3.0.4

我已经在zul文件中添加了标记，并尝试使用forEach，但仅显示了一个标记。

<gmaps version="3." id="gmaps" width="100%" showZoomCtrl="true" lat="@bind(vm.lat)" lng="@bind(vm.lng)" height="500px"  protocol="https" >
    <gmarker forEach="@load(areaList)" lat="@bind(each.lat)" lng="@bind(each.lng)" open="true">
    </gmarker>
</gmaps>`

标记应尽可能显示。

这是我的完整代码ZUl file和ViewmModel

Answer 1

尝试：

<gmaps version="3." id="gmaps" width="100%" showZoomCtrl="true" lat="@bind(vm.lat)" lng="@bind(vm.lng)" height="500px"  protocol="https" children="@load(vm.areaList)">
    <template name="children">
        <gmarker lat="@load(each.lat)" lng="@load(each.lng)" open="true" />
    </template>
</gmaps>

我尚未对其进行测试，但希望它会有所帮助。