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);
});
}