leaflet.draw 使用 CartoDB

Question

我是 leaflet.js 和 CartoDB.js 的新手。我想做的是创建一个可编辑的网络地图，将数据采购（和写入）到我的 CartoDB SQL 表中。我可以从 CartoDB 渲染地图，但是当我将链接添加到 leaflet.js 时，我的地图图层消失了。 JS Fiddle 显示了这一点。如果您注释掉第 5 行和第 6 行，它会起作用：

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />

Answer 1

使用CartoDB时不需要添加Leaflet库的javascript和样式表，只需包含Leaflet Draw的资源，在L.Map的选项中启用drawControl选项你可以开始了：

资产：

<link type="text/css" rel="stylesheet" href="http://leaflet.github.io/Leaflet.draw/leaflet.draw.css" />
<script type="text/javascript" src="http://leaflet.github.io/Leaflet.draw/leaflet.draw.js"></script>

地图：

new L.Map('cartodb-map', { 
    center: [40,-98],
    zoom: 4,
    drawControl: true
});

这是你的 Fiddle 的叉子：http://jsfiddle.net/qnzqtgy7/

leaflet.draw 使用 CartoDB

leaflet.draw with CartoDB

gis

leaflet

cartodb