Leaflet地图初始化时对 prototype引用造成的影响

最新推荐文章于 2024-05-14 19:57:14 发布

ShangQuan2012

最新推荐文章于 2024-05-14 19:57:14 发布

阅读量824

点赞数

分类专栏： Leaflet 文章标签：地图

本文链接：https://blog.csdn.net/ShangQuan2012/article/details/72723248

版权

Leaflet 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天上午在对Leaflet地图的点添加点击事件的时候发现，Leaflet的初始化可能会对prototype中函数对prototype其他函数引用造成影响，在渲染地图时，一般讲gis 传入对应的渲染方法中。具体参见如下代码：

(function ($) {
    Demo = function(element,options){
        gis = this;
        //在renderMap中传入gis对象。前几次不传发现失败，不能调用
        //protorype其他的函数。
        gis.renderMap(gis);
        gis.printPoint();

    }

    Demo.prototype =  {
        property : 'x',
        renderMap : function () {
            var map = gis.map = L.map('mapid',{
                renderer: L.canvas()
            });

            map.setView([30, 120], 13);

            L.tileLayer('http://172.16.1.55:7780/Map/{z}/{xd}/{yd}/{x}_{y}_{z}.png', {//http://{s}.tile.osm.org/{z}/{x}/{y}.png  172.16.1.55:7780/Map/{z}/{xd}/{yd}/{x}_{y}_{z}.png
                attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
            }).addTo(map);




        },

        printPoint : function(){

            var map = gis.map;
            for (var x = 120;x<121.005;) {
                x = x + 0.005
                for (var y = 30; y < 30.5;) {
                    y = y + 0.005
                    var circle = L.circle([y, x], {radius: 20}).addTo(map);
                    var obj = {'x': x, 'y': y}
                    gis.point_fire(circle, obj)
                }
            }
        },

        point_fire : function (circle,x) {
            circle.addEventListener('click',function () {
                gis.point_fire2(circle,x)
                console.log(x)
            })
        },

        point_fire2 : function (circle,x) {
            console.log(x)
        }
    }

    $.fn.Demo = function () {
        var gis = this;
        return new Demo(gis)
    }
})(jQuery)