zoukankan      html  css  js  c++  java
  • 腾讯地图api接收坐标提交坐标

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>账户管理</title>
        <link href='<!--{$resource_path}-->resource/member/css/style.css' rel="stylesheet" type="text/css" />
        <script src="<!--{$resource_path}-->resource/member/js/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="http://developer.amap.com/Public/css/demo.Default.css" />
    
        <script type="text/javascript">
            $(document).ready(function () {
                $(".ctmenu").click(function () {
                    $(".l_con").toggleClass("l_con1");
                    $(".r_con").toggleClass("r_con1");
                    $(this).toggleClass("ctmenu1");
                });
            });
    </script>
    <script>
    $(function(){
        function tabs(tabTit,on,tabCon){
            $(tabTit).children().hover(function(){
                $(this).addClass(on).siblings().removeClass(on);
                var index = $(tabTit).children().index(this);
                   $(tabCon).children().eq(index).show().siblings().hide();
            });
        };
        tabs(".tab-hd","active",".tab-bd");
    });
    </script>
    </head>
    <body onload="initialize()">
    <div class="content">
        <div class="l_con">
            <a class="ctmenu"></a>
            <div class="nav_tit">机构详情</div>
            <div class="nav_link"><a href="list" target="r_frame" class="sel">机构信息</a></div>
        </div>
        <div class="r_con">
            <div class="r_tit"><h5>机构信息</h5></div>
            <div class="di_p">请完善以下信息,方便我们更好的为您服务。</div>
            <div class="r_box">
                <form action="/adm/department/saveedit" method="post" id="submitform" name="form1">
                <table class="user_tab">
                <tr>
                <th>机构全称:</th>
                <td><input type="text" value="<!--{$departmentInfo.name}-->" class="user_input" name ="name">&nbsp;<span>*</span></td>
                </tr>
                <tr>
                <th>机构简称:</th>
                <td><input type="text" value="<!--{$departmentInfo.shortname}-->" class="user_input" name ="shortname">&nbsp;<span>*</span></td>
                </tr>    
                <tr>
                <th height="58">组织机构代码:</th>
                <td height="58"><input type="text" value="<!--{$departmentInfo.jigoucode}-->" class="user_input" name ="jigoucode">&nbsp;<span>*</span>
                <p>请正确填写9位组织机构代码证号。</p>
                </td>
                </tr>            
                <tr>
                <th height="58">办公时间:</th>
                <td height="58">
                   <input type="text" value="<!--{$departmentInfo.officehours}-->" class="user_input" name ="officehours">&nbsp;<span>*</span><p>
                示例:上午 8:30-11:30 下午 13:30-17:30</p>        
                </td>
                </tr>            
                <tr>
                <th>办公电话:</th>
                <td><input type="text" value="<!--{$departmentInfo.officetel}-->" class="user_input" name ="officetel"></td>
                </tr>  
                <tr>
                <th>办公传真:</th>
                <td><input type="text" value="<!--{$departmentInfo.officefax}-->" class="user_input" name ="officefax">&nbsp;<span>*</span></td>
                </tr>  
                <tr>
                <th>电子邮箱:</th>
                <td> 
                    <input type="text" value=" <!--{$departmentInfo.email}-->" class="user_input" name ="email">&nbsp;<span>*</span>
                </td>            
                </tr>            
                <tr>
                <th>邮政编码:</th>
                <td><input type="text" value="<!--{$departmentInfo.postcode}-->" class="user_input" name ="postcode">&nbsp;<span>*</span></td>
                </tr>            
                <tr>
                <th height="58">网站名称及网址:</th>
                <td height="58"><input type="text" value="<!--{$departmentInfo.site}-->" class="user_input" name ="site">&nbsp;-&nbsp;<input type="text" value="<!--{$departmentInfo.url}-->" class="user_input" name ="url">
                <p>示例:中国滨州-http://www.binzhou.gov.cn,如果单位没有网站请填写”无“</p>
                </td>
                </tr>  
                <tr>
                <th>办公地点:</th>
                <td><input type="text" value="<!--{$departmentInfo.address}-->" class="user_input" name ="address">
                </td>
                </tr>  
                <tr>
                <th>交通指引:</th>
                <td>
                <textarea  class="textarea" cols="48" rows="5" name ="traffic"><!--{$departmentInfo.traffic}--></textarea><p>示例:滨州市人民政府</p><p>黄河五路与渤海十五路交叉路北100米西侧;101路、102路公交车市政大楼站</p>
                </td>
                </tr>
                <tr>
                    <th>地图标记:</th>
                    <td colspan="3">
                        <input type="hidden" name="map_marker" value="<!--{$departmentInfo.maplabes}-->" class="tstyle" />
                        <input type="hidden" name="map_marker_ls" value="" class="tstyle" />
                        <div class="mapview" id="container" style="60%; height:300px;"></div>
                        <!--<p id="info" style="margin-top:10px;"></p>-->
                        <div class="mapsave">
                            <input type="button" name="set_marker" id="set_marker" value="设置标记" /><br/>
                            <input type="button" name="set_marker" id="save_marker" value="设置完成" />
                        </div>
                        <div class="clear"></div>
                    <span class="intro">说明:1.点击设置标记按钮,操作地图(拖动、缩放)找到对应单位地址单击。
                    <br/>   2.点击设置完成按钮。</span>
                    </td>
                </tr>
                <tr>
                <th></th>
                <td>
                    <input type="hidden" name="id" value="<!--{$departmentInfo.id}-->" />
                    <input class="submit" type="submit" name="Submit" value="保存"></td>
                </tr>       
                </table>
                </form>
                <div id="iCenter" style=" 540px; height: 300px;">
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://map.qq.com/api/js?v=1"></script>
    <script type="text/javascript">
        $(function() {
            var sub = $("input#fabu_submit");//提示显示在该对象后面
            var timer = 1500;//提示显示时间
            var map_marker = $("input[name=map_marker]");
            var map_marker_ls = $("input[name=map_marker_ls]");
            var map_marker_val = map_marker.val();
            var Lng = "<!--{$departmentInfo.y}-->";
            var Lat = "<!--{$departmentInfo.x}-->";
            var str = '';
    
            //地图部分
            if(map_marker_val != '' && map_marker_val.toString().search(",") > 0){
                var map_val = map_marker.val();
                var map_val2 = map_val.split(",");
                Lng = map_val2[1];
                Lat = map_val2[0];
            }
            var center = new soso.maps.LatLng(Lng,Lat);
            var map = new soso.maps.Map(document.getElementById('container'),{
                center: center,
                zoomLevel: 16,
                scrollWheel: false,
                draggable: false
            });
            var marker = new soso.maps.Marker({
                position: center,
                draggable: false,
                map: map
            });
    
            //鼠标点击地图时事件
            soso.maps.Event.addListener(map, "click", function(e) {
                var gl=e.latLng;
                if(map.getDraggable()){
                    marker.setPosition(gl);
                    var ll = gl.getLng() + ',' + gl.getLat();
                    map_marker_ls.val(ll);
                }
                //gl.getLat() + ',' + gl.getLng();
                //var ll = marker.getPosition().getLng() + ',' + marker.getPosition().getLat();
                //map_marker_ls.val(ll);
            });
    
            //创建一个导航控件
            var navControl = new soso.maps.NavigationControl({
                //导航控件的位置
                align: soso.maps.ALIGN.TOP_RIGHT,
                //偏移
                margin: new soso.maps.Size(5, 15),
                //作用对象
                map: map
            });
            $("input#set_marker").bind('click', function(){
                $(this).css('background-color','#CCC');
                $("input#save_marker").css('background-color','#FFF');
                map.setScrollWheel(true);
                map.setDraggable(true);
            });
            $("input#save_marker").bind('click', function(){
                $(this).css('background-color','#CCC');
                $("input#set_marker").css('background-color','#FFF');
                var map_ls_v = map_marker_ls.val();
                map_marker.val(map_ls_v);
                map.setScrollWheel(false);
                map.setDraggable(false);
                marker.setDraggable(false);
            });
    
            var ws = $("#jgmessage input[name=web_site]");
            //判断网址是否为空,为空自动加http://
            (trim(ws.val()) == '') ? ws.val('http://') : "";
    
            //页面信息验证部分
            sub.bind('click', function() {
                var agency_name = trim($("#jgmessage input[name=agency_name]").val());
                var agency_short_name = trim($("#jgmessage input[name=agency_short_name]").val());
                var agency_code = trim($("#jgmessage input[name=agency_code]").val());
                var office_time = trim($("#jgmessage input[name=office_time]").val());
                var office_phone = trim($("#jgmessage input[name=office_phone]").val());
                var email_address = trim($("#jgmessage input[name=email_address]").val());
                var post_code = trim($("#jgmessage input[name=post_code]").val());
                var web_name = trim($("#jgmessage input[name=web_name]").val());
                var web_site = trim($("#jgmessage input[name=web_site]").val());
                var office_address = trim($("#jgmessage input[name=office_address]").val());
    
                var err = '';
                var reg = new RegExp("^[0-9a-zA-Z]{9}$");//字母数字验证
    
                if(agency_name == ''){
                    err += '机构全称不能为空
    
    ';
                }
    
                if(agency_short_name == ''){
                    err += '机构简称不能为空
    
    ';
                }
    
                if(agency_code == ''){
                    err += '组织机构代码不能为空
    
    ';
                } else if(agency_code.length != 9 || reg.test(agency_code) == false) {
                    err += '组织机构代码格式输入有误
    
    ';
                }
    
                if(office_time == ''){
                    err += '办公时间不能为空
    
    ';
                }
    
                if(office_phone == ''){
                    err += '办公电话不能为空
    
    ';
                }
    
                if(email_address == ''){
                    err += '电子邮箱不能为空
    
    ';
                }
    
                if(post_code == ''){
                    err += '邮政编码不能为空
    
    ';
                }
    
                if(web_name == ''){
                    err += '网站名称不能为空
    
    ';
                }
    
                if(web_site == '' || web_site == 'http://'){
                    err += '网址不能为空
    
    ';
                }
    
                if(office_address == ''){
                    err += '办公地点不能为空
    
    ';
                }
    
                if (err != '') {
                    alert(err);
                    return false;
                }
            });
        });
    
    </script>
    </body>
    </html>
  • 相关阅读:
    第三章 C++中的C 《C++编程思想》
    网络时间协议 网络对时程序
    不相交集类应用:迷宫生成
    第一章 对象导言 第二章 对象的创建与使用
    获取本机IP MAC地址
    详解C#制做Active控件的五个步骤
    js HTML编码转换
    Web应用Word编辑
    HTML <map>标签的使用
    Web(浏览器)打开运行WinForm应用程序
  • 原文地址:https://www.cnblogs.com/gaohj/p/4998052.html
Copyright © 2011-2022 走看看