百度地图失去坐标html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html { width: 100%; height: 100%; margin: 0; font-family: "微软雅黑"; } #allmap { height: 700px; width: 100%; } #r-result { width: 100%; font-size: 14px; } </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoa"></script> <title>城市名定位</title> </head> <body> <div id="allmap"></div> <div id="r-result"> 地址: <input id="cityName" type="text" style="width:100px; margin-right:10px;" /> <input type="button" value="查询" onclick="theLocation()" /> 经度:<input type="text" id="jd" />纬度<input type="text" id="wd" /> </div> </body> </html> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap", { mapType: BMAP_HYBRID_MAP, minZoom: 4, maxZoom: 25, enableMapClick:false }); var point = new BMap.Point(116.331398, 39.897445); map.enableScrollWheelZoom(true); map.setDefaultCursor("crosshair"); map.centerAndZoom('广州', 11); map.addEventListener("click", function (e) { var input = document.getElementById('wd'); var input2 = document.getElementById('jd'); input.value = e.point.lng; input2.value = e.point.lat; }); map.addControl(new BMap.NavigationControl()); var local = new BMap.LocalSearch(map, { renderOptions: { map: map } }); function theLocation() { var city = document.getElementById("cityName").value; if (city != "") { local.search(city); } } var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT}); //添加控件和比例尺 function add_control(){ map.addControl(top_left_control); map.addControl(top_left_navigation); map.addControl(top_right_navigation); } add_control() </script>