码迷,mamicode.com
首页 > 其他好文 > 详细

LBS配置

时间:2014-07-28 13:47:10      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   os   io   2014   

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;width: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>

显示:

 bubuko.com,布布扣

 

LBS配置,布布扣,bubuko.com

LBS配置

标签:style   blog   http   java   color   os   io   2014   

原文地址:http://www.cnblogs.com/phpfensi/p/3872423.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!