Js:点击时调用一个函数

时间:2014-11-04 22:15:11

标签: javascript jquery google-maps jquery-plugins

我使用Maplace.js,一个用于jQuery的Google Maps Javascript插件。 插件中有一个功能,可以在地图上显示标记。

//triggers to show a location in map
    Maplace.prototype.ViewOnMap = function (index) {
        //view all
        if (index === this.view_all_key) {
            this.o.beforeViewAll();
            this.current_index = index;
            if (this.o.locations.length > 0 && this.o.generate_controls && this.current_control && this.current_control.activateCurrent) {
                this.current_control.activateCurrent.apply(this, [index]);
            }
            this.oMap.fitBounds(this.oBounds);
            this.CloseInfoWindow();
            this.o.afterViewAll();

        //specific location
        } else {
            index = parseInt(index, 10);
            if (typeof (index - 0) === 'number' && index > 0 && index <= this.ln) {
                try {
                    google.maps.event.trigger(this.markers[index - 1], 'click');
                } catch (err) {
                    this.debug('ViewOnMap::trigger', err.stack);
                }
            }
        }
        return this;
    };

我尝试调用此方法,但无济于事:

<a href="javascript:Maplace.prototype.ViewOnMap(2)">Link</a>

如何通过带密钥的链接进行呼叫?

3 个答案:

答案 0 :(得分:0)

由于在ViewOnMap原型上定义了Maplace,这意味着这是一个实例方法。所以你应该在Maplace实例对象上调用它。像这样:

var maplace = new Maplace({ ... });
maplace.Load();

以后:

<a href="javascript:maplace.ViewOnMap(2)">Link</a>

答案 1 :(得分:0)

你可以这样做:

<a class="openmap" href="#">Link</a>

和js:

$('.openmap').on('click', function(e){
e.prevetDefault();
Maplace.prototype.ViewOnMap = function (index) {
        //view all
        if (index === this.view_all_key) {
            this.o.beforeViewAll();
            this.current_index = index;
            if (this.o.locations.length > 0 && this.o.generate_controls && this.current_control && this.current_control.activateCurrent) {
                this.current_control.activateCurrent.apply(this, [index]);
            }
            this.oMap.fitBounds(this.oBounds);
            this.CloseInfoWindow();
            this.o.afterViewAll();

        //specific location
        } else {
            index = parseInt(index, 10);
            if (typeof (index - 0) === 'number' && index > 0 && index <= this.ln) {
                try {
                    google.maps.event.trigger(this.markers[index - 1], 'click');
                } catch (err) {
                    this.debug('ViewOnMap::trigger', err.stack);
                }
            }
        }
        return this;
    };
});

答案 2 :(得分:0)

我以这种方式决定了这个问题:

<a onclick="javascript:maplace.ViewOnMap()" href="#gmap">Link</a>

尝试了很多事情,一切都很简单。无需更改任何内容,也无需附加到代码中。 谢谢大家。