• 技术文章 >web前端 >js教程

    在jquery boxy中添加百度地图坐标拾取注意流程_jquery

    2016-05-16 16:53:35原创510
    作为开发的初学者,这东西仅仅作为个人备份,如果能帮到忙也也不错(我开发用的php,但这是js这本身没多大影响)

    这里要说明几个问题:

    1.boxy调用的页面中不能出现《script》标签不然不能显示

    2.boxy调用的时候要注意流程,要先加载出boxy然后再去渲染地图到boxy页面中

    3.百度地图的加载js应放在弹出boxy的那个页面中

    注意流程:boxy页面其实为单独的一个页面只是用了ajax中$.get('/index.php?r=comm/map_coordinate', function(data){}方法来调用页面

    关键触发js如下:
    复制代码 代码如下:

    (function(){
    $(document).ready(function() {

    $("#Mechine_mec_points").click(function(){

    __MC.Map_coordinate.getcorrdinate();

    });
    });

    __MC.Map_coordinate = {
    getcorrdinate:function(){

    $.get('/index.php?r=comm/map_coordinate', function(data){ //调用boxy对应的页面,页面中就只有一个id=allmap的div



    new Boxy(data,{ //在外面已经加载好百度地图AIP的js
    'title':'地图坐标拾取',
    'modal':true,
    'draggable':false,
    'unloadOnHide' : true,
    'afterShow' : function(){


    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(106.566872, 29.536861), 17);
    map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
    map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
    function showInfo(e){
    $("#Mechine_mec_points").val(e.point.lng + ", " + e.point.lat);
    }
    map.addEventListener("click", showInfo);

    }//aftershow结束
    });

    return false;
    });

    },
    }
    })();
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:百度地图 坐标
    上一篇:调试代码导致IE出错的避免方法_javascript技巧 下一篇:JavaScript异步编程Promise模式的6个特性_javascript技巧
    千万级数据并发解决方案

    相关文章推荐

    • 一篇搞定JavaScript循环• 聊聊angular中进行内容投影的方法• 浅析Angular变更检测机制,聊聊如何进行性能优化?• Angular知识点分享:聊聊表单、管道、绑定、指令、通信和周期• JavaScript对象的构造函数和new操作符(实例详解)
    1/1

    PHP中文网