Question

（对不起，但我不能把它粘贴到小提琴上，因为那种问题）

制作一个必须单行的脚本，以便在我们网站的任何地方附加谷歌地图。有时10个地图同时发生，所以我需要一个函数来构建一个可以构建地图的对象。问题是当我加载maps.js时，即使我不需要它（case count maps = 0）。

所以我开始做到这一点：

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

这与domready绑定加载我的地图。 {LONG}和{LAT}智能相似的php变量，想象一下这些是数字。

还为谷歌地图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();
}

问题是我无法添加要由gmapsready事件调用的函数makemap。你能帮帮我，请问怎么做？

一切都很好，但document.addEventListener("gmapsready", self.makemap);电话。

Aye也尝试用document.addEventListener("gmapsready", function(event){self.makemap(event)}, false);给出相同的结果。：（

谢谢。 REPAS

Answer 1

您无法将自定义jQuery事件与本机浏览器addEventListener混合使用。试试这个：

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

从对象加载外部js，然后在加载后使用相同的对象的函数

1 个答案: