源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

百度地图自定义控件分享

  • 时间:2020-10-22 10:27 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:百度地图自定义控件分享
废话不多说了,直接奉上代码;
[u]复制代码[/u] 代码如下:
<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>
上面代码就是个人正在使用的百度地图的自定义控件,希望大家能够喜欢。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部