腾讯地图api接收坐标提交坐标

2022-11-29 09:47:14
<!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="width: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="width: 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 += '机构全称不能为空\n\n';

            }

            if(agency_short_name == ''){

                err += '机构简称不能为空\n\n';

            }

            if(agency_code == ''){

                err += '组织机构代码不能为空\n\n';

            } else if(agency_code.length != 9 || reg.test(agency_code) == false) {

                err += '组织机构代码格式输入有误\n\n';

            }

            if(office_time == ''){

                err += '办公时间不能为空\n\n';

            }

            if(office_phone == ''){

                err += '办公电话不能为空\n\n';

            }

            if(email_address == ''){

                err += '电子邮箱不能为空\n\n';

            }

            if(post_code == ''){

                err += '邮政编码不能为空\n\n';

            }

            if(web_name == ''){

                err += '网站名称不能为空\n\n';

            }

            if(web_site == '' || web_site == 'http://'){

                err += '网址不能为空\n\n';

            }

            if(office_address == ''){

                err += '办公地点不能为空\n\n';

            }

            if (err != '') {

                alert(err);

                return false;

            }

        });

    });

</script>

</body>

</html>
码农公寓

相关文章
