zoukankan      html  css  js  c++  java
  • LBS配置

    js:

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=3093b00bc02c380333bad7ff269cb30f"></script>

    html:

    <form class="form-horizontal form" action="" method="post">
      <h4>LBS配置</h4>
      <table class="tb">
        <tr>
          <th>所在位置</th>
          <td>
            <div id="allmap" style="height:500px;500px;">sssssssss</div>
            <input type="text" id="x" value="108.9527" name="x" />
            <input type="text" id="y" name="y" value="34.359132" />
            <div class="help-block">请在地图中查找到公司的具体位置,并点击获取X,Y</div>
          </td>
        </tr>
        <tr>
          <th></th>
          <td>
            <input name="submit" type="submit" value="提交" class="btn btn-primary span3">
            <input type="hidden" name="token" value="4e113bd0">
          </td>
        </tr>
      </table>
    </form>

    调用:

    <script type="text/javascript">
      // 百度地图API功能
      var map = new BMap.Map("allmap");
      map.centerAndZoom(new BMap.Point(108.95367, 34.27934), 12);
      function showInfo(e){
        document.getElementById("x").value = e.point.lng; 
        document.getElementById("y").value = e.point.lat;
      }
      map.addEventListener("click", showInfo);
      map.enableScrollWheelZoom(true);
    </script>

    显示:

     

  • 相关阅读:
    xmgrace的配置
    redhat 的安装及grub livecd 的引导
    AutoDock 的安装及 virtual screening 的配置
    怎么查看redhat版本
    分子模拟软件schrodinger的安装
    Amber学习第八天:含有配体的蛋白分子动力学
    Amber 模拟蛋白流程
    Openbabel的安装
    Amber 的安装
    浅谈SQL Server 对于内存的管理
  • 原文地址:https://www.cnblogs.com/phpfensi/p/3872423.html
Copyright © 2011-2022 走看看