百度地图获坐标拾取

最新推荐文章于 2024-05-22 16:48:47 发布

weixin_30737433

最新推荐文章于 2024-05-22 16:48:47 发布

阅读量133

点赞数

文章标签：测试 javascript ViewUI

原文链接：http://www.cnblogs.com/wdlove/p/4522029.html

版权

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>

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

优惠劵

weixin_30737433

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图获坐标拾取

1jsp页面　　<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 　<style type="text/css"> .allmap {width: 240px;height: 180px;overflow: hidden;margin:0;} #...
复制链接

扫一扫