1 jsp页面
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css"> .allmap {width: 240px;height: 180px;overflow: hidden;margin:0;} #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} #golist {display: none;} @media (max-device-width: 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); });}