国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語言 > JavaScript > 正文

百度地圖自定義控件分享

2024-05-06 16:15:58
字體:
供稿:網(wǎng)友
本文給大家介紹的是如何使用百度地圖的自定義控件,附上示例,分享給大家,小伙伴們根據(jù)自己的需求稍微改動(dòng)下即可使用。
 

廢話不多說了,直接奉上代碼;

 

復(fù)制代碼代碼如下:

<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;
        }
        //創(chuàng)建控件實(shí)例
        var staticsCtrl = new staticControl();
        //添加到地圖當(dāng)中
        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>

 

上面代碼就是個(gè)人正在使用的百度地圖的自定義控件,希望大家能夠喜歡。


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 嘉义市| 保康县| 长葛市| 顺义区| 铅山县| 扎赉特旗| 浮梁县| 巴楚县| 清水县| 漯河市| 遵义县| 麦盖提县| 乐都县| 浮梁县| 黄浦区| 临清市| 勐海县| 元谋县| 江西省| 宽城| 深泽县| 晋宁县| 互助| 宜都市| 馆陶县| 嘉兴市| 玉林市| 古浪县| 昂仁县| 通城县| 云安县| 永仁县| 岑溪市| 孙吴县| 青神县| 泰来县| 丽江市| 海盐县| 汤原县| 奈曼旗| 通城县|