如何在不重新加载页面的情况下使用经度和纬度坐标动态更改Google地图上的位置点

Question

看一看。

尝试/实现的方法：

左手边：当我在（右侧）选择表格行时，应该在LON，LAT的基础上显示位置的Google Maps。但无需重新加载页面。

右手边：有一个表，其中包含来自MySQL DB的LATITUDE和LONGITUDE值。

我的方法：

  <div class="row">

        <div class="col-md-6">

            <div class="mapouter">

                        <div class="gmap_canvas">

                            <iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=32.7333,74.8667&hl=es;z=14&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

                        </div>              

                    </div>

            </div>

          <div class="col-md-6" >

             <table class="table " style="margin-left: 30px;"> 

                <tbody>

              <?php 

                 while($row=mysqli_fetch_array($res)) 

                 {

                    $lat =$row['lat']; 

                    $lon =$row['lon'];

                  <tr class="bg-success">

                    <td><?php  echo $lat;?></td>

                    <td><?php  echo $lon;?></td>

                  </tr >

                  <?php

                 }

                  ?>

                </tbody>

              </table>

        </div>

我不确定如何在jquery中完成此操作，不好意思，但我是jquery的初学者。

问题：

• 我完全不确定这种方法是否是最佳实践。

• 如果可能，怎么可能？

• 谁能帮助我阐明这一点？