功能介紹
1，自動定位當前位置；(可能要等一會兒)
2，搜索功能
3，點擊地圖 小紅點標記，
4，點擊地圖獲取當前位置，和當前坐標
代碼：
https://github.com/liaoshengping/myJsNote/blob/master/map/map3.html
demo：
https://liaoshengping.github.io/demo/map3.html
---------------------
<！DOCTYPE html> <html lang =“en”> <HEAD> <meta charset =“UTF-8”> <TITLE>標題</ TITLE> <script type =“text / javascript”src =“http://api.map.baidu.com/api?v=2.0&ak=0FuoX30MFf7YMrdS5Wi9GGAcHBblKDuu”> </ script> </ HEAD> <BODY> <input name =“address”value =“”id =“where”class =“case_text”type =“text”> </ DIV> <div style =“display：inline”onClick =“sear（document.getElementById（'where'）。value）;” > 搜索 </ DIV> </ DIV> <div class =“zerocard_add_ys”> <span class =“color_dh”> * </ span> <跨度>經度：</跨度> <div class =“box_input”> <input name =“longitude”value =“”id =“lng”class =“case_text”type =“text”> </ DIV> <div class =“format2”> <span class =“color_dh”> * </ span> <跨度>緯度：</跨度> </ DIV> <div class =“box_input”> <input name =“latitude”value =“”id =“lat”class =“case_text”type =“text”> </ DIV> </ DIV> <br /> <H1>功能介紹</ H1> 1，自動定位當前位置;（可能要等一會兒），點擊 2，搜索功能，點擊 3，點擊地圖小紅點標記，<br> 4，點擊地圖獲取當前位置，和當前坐標搜索結果 <div style =“width：100％; height：340px; border：1px solid grey”id =“container”> </ div> <SCRIPT> var is_empty = 0 lng = 116.404; lat = 39.915; var map = new BMap.Map（“container”）; //在指定的容器內創建地圖實例 map.setDefaultCursor（ “十字准線”）; //設置地圖默認的鼠標指針樣式 map.enableScrollWheelZoom（）; //啟用滾輪放大縮小，默認禁用。 var point = new BMap.Point（lng，lat） map.centerAndZoom（point，15）; map.addControl（new BMap.NavigationControl（））; var marker = new BMap.Marker（point）; //創建標注 this.map.addOverlay（標記）; map.addEventListener（“click”，function（e）{//地圖單擊事件 var geocoder = new BMap.Geocoder（）; var point = new BMap.Point（e.point.lng，e.point.lat）; geocoder.getLocation（點，功能（geocoderResult，LocationOptions）{ map.clearOverlays（） map.addControl（new BMap.NavigationControl（））; var marker = new BMap.Marker（point）; //創建標注 this.map.addOverlay（標記）; //定位成功 var address = geocoderResult.address; document.getElementById（“where”）。value = address layer.msg（ '定位成功'）; // $（'＃suggestId'）。val（geocoderResult.address）; }）; document.getElementById（“lng”）。value = e.point.lng; document.getElementById（“lat”）。value = e.point.lat; }）; function iploac（result）{//根據IP設置地圖中心 var cityName = result.name; map.setCenter（的cityName）; } if（is_empty == 0）{ // var myCity = new BMap.LocalCity（）; // myCity.get（iploac）; 丁未（） } function dingwei（）{ var geolocation = new BMap.Geolocation（）; geolocation.getCurrentPosition（函數（r）的{ if（this.getStatus（）== BMAP_STATUS_SUCCESS）{ var mk = new BMap.Marker（r.point）; map.addOverlay（MK）; map.panTo（r.point）; document.getElementById（“lng”）。value = r.point.lng; document.getElementById（“lat”）。value = r.point.lat; var city_name = r.address.province + r.address.city; document.getElementById（“where”）。value = city_name } 其他{ 的console.log（ '獲取失敗'）; } }）; } function sear（result）{//地圖搜索 if（result.length == 0）{ 丁未（）; 返回false } var local = new BMap.LocalSearch（map，{ renderOptions：{map：map} }）; local.search（結果）; } </ SCRIPT> </ BODY> </ HTML>