javascript - 谷歌地图 API JavaScript；类型错误 a 为空

Question

var map;
function initialize() {
        var mapOptions = {
            center: new google.maps.LatLng(25.825421, 0.898438),
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            };

        map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);

        google.maps.event.addListeneer(map, 'click', function(x) {
            ylat.value = x.latLng.lat();
            ylong.value = x.latLng.lng();
        });
    }
        var ylat = document.getElementById('lat');
        var ylong = document.getElementById('loong');

        function addMarker() {
            var lat = ylat.value;
            var loong = ylong.value;

        if(!lat || !loong) return;

        var coordinate = new google.maps.LatLng(lat, loong);
        var marker = new google.maps.Marker({
            map: map,
            position: coordinate
        });
    }

        google.maps.event.addDomListener(document.getElementById('search'), 'click', addMarker);
        google.maps.event.addDomListener(window, 'load', initialize);

当我在 Firefox 上运行此程序时，Firebug 告诉我“TypeError: a is null”我已经在各个网站和此处查找了此内容。我对如何修复它一无所知。请帮忙!

Answer 1

此行有 2 个问题:

google.maps.event.addDomListener(document.getElementById('search'), 'click', addMarker);

1. 函数 addMarker在全局范围内不可用(并且在执行此行时不可用) 。
2. (我猜这就是问题所在)假设脚本放置在 <head/> 内， <body/> 内的元素尚不可用，document.getElementById('search')将是null .

将该行移至初始化末尾应该可以解决这两个问题。

此外，还有一个错字:

google.maps.event.addListeneer(map, 'click', function(x) {
//__________________________^