使用按钮创建智能表,该按钮可使用angular js 1.6.10更新单击时的标记坐标

时间:2019-05-22 12:35:15

标签: angularjs asp.net-web-api frontend lodash angular-google-maps

我正在创建一个智能表,其中包含一些按钮,这些按钮在单击后应会更新google-maps标记,因此,在我单击哪个按钮时,google-maps将更新其标记,以显示与该按钮相关的标记。

        <div ng-if="testCtrl.arraytot_show">

            <ui-gmap-google-map center="testCtrl.map.center" options="testCtrl.options" zoom="testCtrl.map.zoom">

                <ui-gmap-markers models="testCtrl.arrayEC11" coords="'self'" idkey="'id'" options="{chunk: false, cleanchunk: false}">

                </ui-gmap-markers>

            </ui-gmap-google-map>

        </div>



        <table st-table="testCtrl.ecuid" st-safe-src="" class="table table-striped">
            <thead class="thead-dark">

                <tr>
                    <th class="box" colspan="5"><input st-search="" class="form-control" placeholder="global search ..." type="text" /></th>
                </tr>
                <tr>
                    <th>error code</th>
                    <th>Map</th>
                </tr>

            </thead>

            <tbody>

                <tr ng-repeat="row in testCtrl.ecuid">

                    <td>Ecuid {{row.Ecuid}}</td>

                    <td>

                        <button class="btn btn-primary" type="button" ng-click="show_markers(markers)" >
                          show markers
                        </button>

                    </td>

                </tr>

            </tbody>

        </table>

//这是js代码。每个self.arrayEC是包含坐标的数组   用于标记。我需要更新googlemap中的标记模型,具体取决于我使用的数组//

    self.arrayEC0 = _.filter(self.result, { 'Ecuid': 0 })
    self.arrayEC1 = _.filter(self.result, { 'Ecuid': 11 })
    self.arrayEC2 = _.filter(self.result, { 'Ecuid': 19 })

//行从此数组获取 self.ecuid = [{{“ Ecuid”:0},{“ Ecuid”:11},{“ Ecuid”:19}]

函数show_markers(markers)应该执行更新工作

0 个答案:

没有答案