百度地图获坐标拾取

1 jsp页面

  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        .allmap { 240px;height: 180px;overflow: hidden;margin:0;}
        #allmap { 100%;height: 100%;overflow: hidden;margin:0;}
        #golist {display: none;}
        @media (max-device- 780px){#golist{display: block !important;}}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>

  <body>

  <div id="allMap"> </div>
       <input type="text" id="longitude" name="longitude">
       <input type="text" id="latitude" name="latitude"/>

  </body>

2 js 页面

  $(function(){
      getMap();
    });

  function getMap(){
    // 百度地图API功能
    var map = new BMap.Map("shopMap");            
    map.centerAndZoom("昆明",12);
    map.enableScrollWheelZoom(true);
    //单击获取点击的经纬度
    map.addEventListener("click",function(e){
        $("#longitude").val(e.point.lng);
        $("#latitude").val(e.point.lat);
    });
}

原文地址:https://www.cnblogs.com/wdlove/p/4522029.html