如何在不重新加载页面的情况下使用经度和纬度坐标动态更改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的初学者。问题：我完全不确定这种方法是否是最佳实践。如果可能，怎么可能？谁能帮助我阐明这一点？