从对象中加载外部js，加载后使用同一对象的函数。

Question

制作一个脚本，必须是单行的，以附加谷歌地图在我们的网站上到处。

有时10张地图同时出现，所以我需要一个函数来建立一个可以建立地图的对象。问题是，当我加载maps.js，即使它不需要它（案例数地图= 0）。

所以我开始做这个。

document.addEventListener("DOMContentLoaded", function(){ var map = new initmap(0, 'country_tinymap_canvas', {'longitude': {LONG}, 'latitude': {LAT}} ) }, false);

这个绑定在 domready 来加载我的地图。{LONG}和{LAT}是类似于smarty-alike的PHP变量，想象一下那些是数字。

还为Google Maps API回调做了一个小小的回调处理程序。

window.___gmapsready = function(){
    console.log("o/ - map here!");
    $(window).trigger('gmapsready');
}

当我在制作新地图时，它将构建一个 initmap 对象

function initmap(type,container,params) {
    var self = this;
    this.container = container;
    this.type = type;
    this.params = params;

    this.makemap = function()
    {
        console.log("doin map.");
        var mapc = document.getElementById(this.container);
        if (mapc != null)
        {
            var map = new google.maps.Map(mapc, window.___gmaps);
            var marker;

            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(this.params.longitude,this.params.latitude),
                image: image,
                draggable: false,
                map: map
            });
            map.setCenter(new google.maps.LatLng(this.params.longitude,this.params.latitude));
        }
        console.log("map done, unset vars etc.");
    }

    this.checkload = function()
    {
        console.log("houston houston got map?");
        if (typeof google === 'object' && typeof google.maps === 'object')
        {
            console.log("thanks bro.");
            self.makemap();
        }
        else
        {
            console.log("nop. but i'm gonna load it.");
            var s = document.createElement("script");
            s.type = "text/javascript";
            s.src  = "http://maps.google.com/maps/api/js?v=3&sensor=true&callback=___gmapsready";
            $("head").append(s); 
            document.addEventListener("gmapsready", self.makemap);
        }
    }
    this.checkload();
}

问题是，我无法添加函数 makemap 拟由 gmapsready 事件。你能帮我一下，请问怎么做？

一切都很好，但是 document.addEventListener("gmapsready", self.makemap); 呼叫。

阿耶也试着用 document.addEventListener("gmapsready", function(event){self.makemap(event)}, false); 给了同样的结果。

Answer 1

你不能混合自定义的jQuery事件与本地浏览器。addEventListener. 试试这个吧

$(window).on('gmapsready',function() { self.makemap();});