javascript - 如何用传单添加 map 控件?

标签 javascript leaflet

我在打开 Leaflet 中的 map 控件时遇到了困难。

盯着这个例子似乎没有帮助。我知道我一定犯了一个愚蠢的错误,但我无法弄清楚。

http://leaflet.cloudmade.com/examples/layers-control.html

我已经有了我的 map ,它加载、显示正常,但在 addTo(map) 方法中我收到错误:

Uncaught TypeError: Cannot call method 'addTo' of undefined

我缺少什么想法吗?

var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmAttrib='Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors';
var street_layer = new L.TileLayer(osmUrl, {minZoom: 8, maxZoom: 18, attribution: osmAttrib});
map = new L.Map('map',{
                center: initial_center,
                zoom: initial_zoom,
                layers: mapLayersList    
});
var baseMaps = {"Streets": street_layer};
L.Control.Layers(baseMaps, null).addTo(map);

最佳答案

L.Control.Layers(baseMaps, null).addTo(map);

是错误的。这是

L.control.layers(baseMaps, null).addTo(map);

您可以查看脚本的jsfiddle here

关于javascript - 如何用传单添加 map 控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11735896/

相关文章:

firefox - 传单瓷砖线条可见

javascript - map 上的多个标记 -> 如何检测点击了哪个标记?

javascript - 将鼠标悬停事件添加到 javascript 创建的 DIV

javascript - 调整文本区域大小以适合所有内容

javascript - 动画后聚焦

javascript - 如何更新 Leaflet 弹出窗口中的内容?

javascript - 如何添加一个函数来运行

javascript - 将单选按钮的值发布到电子邮件

javascript - 生成给定距离的坐标,距中心的 Angular

javascript - 带有 Express 和 Jade 模板的 Node.js 不显示 leaflet.js map