0

制作一个必须单行的脚本才能在我们网站的任何地方附加谷歌地图。

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

所以我开始做这个：

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

这绑定domready到加载我的地​​图。{LONG} 和 {LAT} 是类似聪明的 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);电话。

Aye 也尝试document.addEventListener("gmapsready", function(event){self.makemap(event)}, false);了同样的结果。

4

1 回答 1

1

您不能将自定义 jQuery 事件与本机浏览器混合addEventListener。试试这个：

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

于 2012-11-11T01:44:48.257 回答