百度地图自定义控件分享


Posted in Javascript onMarch 04, 2015

废话不多说了,直接奉上代码;

<script>

        var map = new BMap.Map('allmap');

        var Bcenter = new BMap.Point(116.404,39.915);

        map.centerAndZoom(Bcenter,11);

        //自定义控件

        function staticControl(){

            this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;

            this.defaultOffset = new BMap.Size(10,10);

        }

        //继承Control的API

        staticControl.prototype = new BMap.Control();

        //初始化控件

        staticControl.prototype.initialize=function(map){

            var div = document.createElement('div');

            var e1 = document.createElement('input');

            e1.type = 'button';

            e1.value = '重置';

            e1.onclick=function(){

                statics();

            }

            div.appendChild(e1);

            var e2=document.createElement('input');

            e2.type = 'button';

            e2.value = '缩小';

            e2.onclick=function(){

                endStatics();

            }

            div.appendChild(e2);

            var e3 = document.createElement("input");

            e3.type = "button";

            e3.value = "放大";

            e3.onclick = function () {

               setStatics();

            }

            div.appendChild(e3);

            //添加DOM元素到地图中

            map.getContainer().appendChild(div);

            //返回DOM

            return div;

        }

        //创建控件实例

        var staticsCtrl = new staticControl();

        //添加到地图当中

        map.addControl(staticsCtrl);

        function statics(){

            map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

        }

        function endStatics(){

            map.setZoom(map.getZoom()-2);

        }

        function setStatics(){

            map.setZoom(map.getZoom()+2)

        }

    </script>

上面代码就是个人正在使用的百度地图的自定义控件,希望大家能够喜欢。

Javascript 相关文章推荐
jQuery.clean使用方法及思路分析
Jan 07 Javascript
Javasipt:操作radio标签详解
Dec 30 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
Nov 10 Javascript
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
JS XMLHttpRequest原理与使用方法深入详解
Apr 30 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
Mar 04 #Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
Mar 04 #Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 #Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 #Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 #Javascript
jQuery插件开发的五种形态小结
Mar 04 #Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 #Javascript
You might like
模仿OSO的论坛(四)
2006/10/09 PHP
什么是MVC,好东西啊
2007/05/03 PHP
PHP 身份证号验证函数
2009/05/07 PHP
php实现的CSS更新类实例
2014/09/22 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
javascript下判断一个元素是否存在的代码
2010/03/05 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
2011/12/31 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
vue中tab选项卡的实现思路
2018/11/25 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python XML RPC服务器端和客户端实例
2014/11/22 Python
TF-IDF算法解析与Python实现方法详解
2017/11/16 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
pandas实现DataFrame显示最大行列,不省略显示实例
2019/12/26 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
java程序员面试交流
2012/11/29 面试题
教师辞职报告范文
2014/01/20 职场文书
幼儿教师年度个人总结
2015/02/05 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS