1.首先引入jq 和 腾讯地图js
<script src="../js/jQuery.js"></script> <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
2.html代码部分
<body onload="init()"> <button type="button" id="button">获取经纬度</button> </body>
3.js部分
<script type="text/javascript"> $("#button").on("click",function(){ geocoder.getLocation("北京市朝阳区朝阳大悦城"); //这里点击按钮获取的时候传入地址 }); /*地图*/ var init = function() { var callbacks = { //若服务请求成功，则运行以下函数，并将结果传入 complete: function(result) { var latlng = result.detail.location; //这里就能拿到经纬度了 alert(latlng); }, //若服务请求失败，则运行以下函数 error: function() { alert("服务器出错了"); } } //创建类实例 geocoder = new qq.maps.Geocoder(callbacks); //body加载的时候实例化对象 } /*地图结束*/ </script>
结果如下：这样就显示出来啦
