Leaflet JS教程之后的“ this.update不是函数”

Question

我正在本Leaflet JS网站上复制此教程： https : //leafletjs.com/examples/choropleth/

添加控件的代码是这样的：

var info = L.control();

info.onAdd = function(mymap) {
//Create a div with a class of info
      this._div = L.DomUtil.create('div', 'info');
      this.update();
      return this._div;
};

但是，当我这样做时，出现以下错误：
未捕获的TypeError：this.update不是函数。

这是我将教程中的代码合并到我的代码中的方法：

var mymap = L.map('mapid').setView([41.850033, -87.6500523], 3.2);

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
            attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
            maxZoom: 15,
            id: 'mapbox.mapbox-streets-v7',
            accessToken: 'pk.eyJ1IjoiYWxsYW5yaW1iYW4iLCJhIjoiZWEyYTc5NDhmZjdmYjQzM2I3MDdkN2I4OTQ3MjQyNWEifQ.U2GPM8lv7x--qHhbjNo5Ug'
        }).addTo(mymap);

        //control that shows county info
        var info = L.control();

        info.onAdd = function (mymap) {
            //Create a div with a class of info
            this._div = L.DomUtil.create('div', 'info');
            this.update();
            return this._div;
        };

        //method that will update the control based on feature properties passed

        info.udpate = function (props) {
            this._div.innerHTML = '<h4>US Election Result</h4>' + (props ? '<b>' + props.NAME + '</b>' : 'Hover over a county');
        };

        info.addTo(mymap);  

您可以在此处查看我的网页和源代码中的错误： https : //sushirittoman.github.io/maps/counties_project/index.html

请帮忙。 谢谢。

Answer 1

我什至不知道它是什么，但我知道了。
教程页面还显示最终结果 ，它使用完全相同的代码。
然后我开始调试，并得到了它。
你只是拼错了这个词...

info.udpate → info.update

供您参考（以防万一）
在这种情况下，“ this”表示“ info”。
因此，您只是在该部分中调用了自己的函数。（名称更新并不重要。）