<html> <head> <meta http-equiv="Content-Type" content="text ml; charset=utf-8"> <title>MAPBaidu-http://www.k686.com</title> <mce:script type="text/javascript" src=" http://api.map.baidu.com/api?key=458d39374361da27e548367a735831ba&v=1.0&services=true" mce_src=" http://api.map.baidu.com/api?key=458d39374361da27e548367a735831ba&v=1.0&services=true" ></mce:script> </head> <body> <div style="position:absolute;width:730px;height:590px;top:50;left:0;border:1px solid gray;overflow-y:hidden;" id="container"></div> <input id="text_" type="text" value="武汉"/> <input type="button" value="search" οnclick="searchByStationName();"> <a href="http://www.k686.com" mce_href="http://www.k686.com" target="_blank">k686绿色软件</a> </body> <mce:script type="text/javascript"><!-- var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(121.480,31.220), 6); var localSearch= new BMap.LocalSearch (map, { renderOptions: { pageCapacity: 8, autoViewport: true, selectFirstResult: false } }); localSearch.enableAutoViewport(); function searchByStationName() { var keyword = document.getElementById("text_").value; localSearch.setSearchCompleteCallback(function(searchResult){ var poi = searchResult.getPoi(0); alert(poi.point.lng+" "+poi.point.lat); map.centerAndZoom(poi.point, 8); }); localSearch.search(keyword); } // --></mce:script> </html> 效果图如下: