zoukankan      html  css  js  c++  java
  • 百度地图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="90%; margin:0 auto;">
      <tr>
        <td class="label"><label>所属企业<b><sup>*</sup></b></label></td>
        <td><input type="text" id="comname" name="comname" style="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="260px;"></td>
      </tr> 
      <tr>
        <td class="label"><label>联系人<b><sup>*</sup></b></label></td>
        <td><input type="text" id="realname" name="realname" style="160px;"></td>
      </tr>
      <tr>
        <td class="label"><label>手机号<b><sup>*</sup></b></label></td>
        <td><input type="text" id="mobile" name="mobile" style="160px;"></td>
      </tr>
      <tr>
        <td class="label"><label>联系QQ</label></td>
        <td><input type="text" id="qq" name="qq" style="160px;"></td>
      </tr>
      <tr>
        <td class="label"><label>E-mail</label></td>
        <td><input type="text" id="email" name="email" style="160px;"></td>
      </tr>
      <tr>
        <td class="label"><label>分组</label></td>
        <td><select name="classid" id = 'classid' style="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="260px;"><input type = 'button' name ="search" id = 'locate-btn' value ="定位">
                <br/>输入地址后,点击“自动定位”按钮可以在地图上定位。<br/>
                (如果输入地址后无法定位,请在地图上直接点击选择地点)
                <div class="control-group">
                    <div id="map" style=" 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="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>功能点说明:1、分组 从数据表 jk_sysclass 列出该企业门店的分组。2、提交数据后需要更新三个数据表: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>
    积累知识,分享知识,学习知识。
  • 相关阅读:
    U8自动、手动备份不成功 “远程组件初始化失败”
    关于延迟时间的一点智慧
    xe 最大连接数限制、记录客户连接、心跳
    应用开发框架之——根据数据表中的存储的方法名称来调用方法
    固定资产卡片管理累计折旧数不准确
    整理表索引
    用友U8固定资产总账重算语句
    新建自定义报表发布到普通菜单节点流程
    怎么更改月折旧率的小数位
    重建数据库索引等SQL常用语句
  • 原文地址:https://www.cnblogs.com/bin-pureLife/p/3850832.html
Copyright © 2011-2022 走看看