百度地圖API --地理位置定位

jQuery環境 <script src="http://api.map.baidu.com/api?v=1.5&ak=1b0ace7dde0245f796844a06fb112734"></script>
<form action="" id="comForm" name="comForm" method="post" onSubmit="return checkForm();">
<input type="hidden" name="usertype" value="2" />
<fieldset>
<legend>&nbsp;添加分公司/門店&nbsp;</legend>
<table class="deptTable"  style="width:90%; margin:0 auto;">
  <tr>
    <td class="label"><label>所屬企業<b><sup>*</sup></b></label></td>
    <td><input type="text" id="comname" name="comname" style="width:260px;" value="<?php echo $comname ?>" disabled></td>
  </tr> 
  <tr>
    <td class="label"><label>分公司/門店名<b><sup>*</sup></b></label></td>
    <td><input type="text" id="shopname" name="comname" style="width:260px;"></td>
  </tr> 
  <tr>
    <td class="label"><label>聯繫人<b><sup>*</sup></b></label></td>
    <td><input type="text" id="realname" name="realname" style="width:160px;"></td>
  </tr>
  <tr>
    <td class="label"><label>手機號<b><sup>*</sup></b></label></td>
    <td><input type="text" id="mobile" name="mobile" style="width:160px;"></td>
  </tr>
  <tr>
    <td class="label"><label>聯繫QQ</label></td>
    <td><input type="text" id="qq" name="qq" style="width:160px;"></td>
  </tr>
  <tr>
    <td class="label"><label>E-mail</label></td>
    <td><input type="text" id="email" name="email" style="width:160px;"></td>
  </tr>
  <tr>
    <td class="label"><label>分組</label></td>
    <td><select name="classid" id = 'classid' style="width:164px;"><option value="0">選擇分組</option><?php echo $option_html ;?></select></td>
  </tr>

    <tr>
        <td class="label"><label>企業地址</label></td>
        <td>
            <select id="s_province" name="s_province" class ="area">
            </select>&nbsp;&nbsp;
            <select id="s_city" name="s_city" class ="area" >
            </select>&nbsp;&nbsp;
            <select id="s_county" name="s_county" class ="area">
            </select>
            <script type="text/javascript">_init_area();</script>
            <input type="text" name="address" id = 'address' style="width:260px;"><input type = 'button' name ="search" id = 'locate-btn' value ="定位">
            <br/>輸入地址後，點擊「自動定位」按鈕能夠在地圖上定位。<br/>
            （若是輸入地址後沒法定位，請在地圖上直接點擊選擇地點）
            <div class="control-group">
                <div id="map" style="width: 600px;height: 300px;"></div>
            </div>
　　　　　　<!-- 地圖顯示的地方，請隨意 -->
        </td>
    </tr>
  <tr>
    <td class="label"><label>其它</label></td>
    <td>開通：<input type="radio" id="issh" name="issh" value="1" checked>是 <input type="radio" id="issh" name="issh" value="0">否</td>
  </tr>
  <tr>
    <td class="label"><label></label></td>
    <td><input type="button" id = 'btn' value="肯定添加" style="width:80px;height:30px;"></td>
  </tr>
</table>
    <input type="hidden" value="116.403694" name="WVYVMQlQ" id="lbsjd">
    <input type="hidden" value="39.916042" name="WVYVMRRQ" id="lbswd">
</fieldset>
</form>

<!--頁面功能說明-->
<div style="margin:20px;line-height:200%;color:green;">
  <p>頁面名稱：編輯門店</p>
  <p>Controllers文件：Csuser.php</p>
  <p>Views文件夾：user</p>
  <p>頁面文件：addcomshop.php</p>
  <p>操做權限：企業管理員、門店管理員（關聯的健康師）</p>
  <p>對應數據表：jk_comshop</p>
  <p>功能點說明：一、分組 從數據表  jk_sysclass 列出該企業門店的分組。二、提交數據後須要更新三個數據表：jk_sysclass 中 infonum(加1)；jk_comshop；jk_comuser 中 shopnum 加1</p>
</div>
<!--結束-->
    <script>
        var located = true;
        //定位座標
        var destPoint = new BMap.Point($('#lbsjd').val(),$('#lbswd').val()); //寫了倆隱藏域  存放了 初始定位地理位置
        $(function(){
            /**開始處理百度地圖**/
            var map = new BMap.Map("map");
            map.centerAndZoom(new BMap.Point(destPoint.lng, destPoint.lat), 12);//初始化地圖
            map.enableScrollWheelZoom();
            map.addControl(new BMap.NavigationControl());
            var marker = new BMap.Marker(destPoint);
            map.addOverlay(marker);//添加標註

            map.addEventListener("click", function(e){
                if(confirm("確認選擇這個位置？")){
                    destPoint = e.point;
                    $('#lbsjd').val(destPoint.lng);
                    $('#lbswd').val(destPoint.lat);
                    map.clearOverlays();
                    var marker1 = new BMap.Marker(destPoint);  // 建立標註
                    map.addOverlay(marker1);
                }
            });
            var myValue;
            var local;
            function setPlace(){
                map.clearOverlays();    //清除地圖上全部覆蓋物
                local = new BMap.LocalSearch(map, { //智能搜索
                    renderOptions:{ map: map}
                });
                located = true;
                local.setMarkersSetCallback(callback);
                local.search(myValue);
            }

            function addEventListener(marker){
                marker.addEventListener("click", function(data){
                    destPoint = data.target.getPosition(0);
                });
            }
            function callback(posi){
                $("#locate-btn").removeAttr("disabled");
                for(var i=0;i<posi.length;i++){
                    if(i==0){
                        destPoint = posi[0].point;
                    }
                    posi[i].marker.addEventListener("click", function(data){
                        destPoint = data.target.getPosition(0);
                    });
                }
            }

            $("#s_province").change(function(){
                $("#locate-btn").attr("disabled","disabled");
                local = new BMap.LocalSearch(map, { //智能搜索
                    renderOptions:{ map: map}
                });
                located = true;
                local.setMarkersSetCallback(callback);
                local.search($("#s_province").find('option:selected').text());
                return false;
            });
            $("#s_city").change(function(){
                $("#locate-btn").attr("disabled","disabled");
                local = new BMap.LocalSearch(map, { //智能搜索
                    renderOptions:{ map: map}
                });
                located = true;
                local.setMarkersSetCallback(callback);
                local.search($("#s_city").find('option:selected').text());
                return false;
            });
　　　　　　　　　　//當下拉框發生變化是 用變化後的值 來從新定位　　　
            $("#s_county").change(function(){
                $("#locate-btn").attr("disabled","disabled");
                local = new BMap.LocalSearch(map, { //智能搜索
                    renderOptions:{ map: map}
                });
                located = true;
                local.setMarkersSetCallback(callback);
                local.search($("#s_county").find('option:selected').text());
                return false;
            });
　　　　　　　//當點擊的時候 把address文本框的值取過來查找
            $("#locate-btn").click(function(){
                if($("#address").val() == ""){
                    alert("請地址！");
                    return ;
                }
                $("#locate-btn").attr("disabled","disabled");
                local = new BMap.LocalSearch(map, { //智能搜索
                    renderOptions:{ map: map}
                });
                located = true;
                local.setMarkersSetCallback(callback);
                local.search($("#address").val());//搜索地理位置 進行定位
                return false;
            });
        })
    </script>