• 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>

    显示:

     

  • 相关阅读:
    利用border制作三角形原理
    JavaScript中null和undefined
    localStorage 如何存储JSON数据并读取JSON数据
    常见的几种浏览器内核简单介绍
    关于Banner设计的促销氛围
    分数分配
    餐饮管理系统
    餐馆管理之点菜
    餐饮管理之结账
    餐饮管理之菜品管理
  • 原文地址:https://www.cnblogs.com/phpfensi/p/3872423.html
Copyright © 2020-2023  润新知