【问题标题】:leaflet.draw with CartoDBLeaflet.draw 与 CartoDB
【发布时间】:2015-03-16 20:02:14
【问题描述】:

我是 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" />

【问题讨论】:

    标签: gis leaflet cartodb


    【解决方案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/

    【讨论】:

    • 感谢 iH8 - 成功了......我现在需要弄清楚如何将编辑写回 CartoDB 表,我正在关注这个线程 (blog.cartodb.com/…) - 我认为它'我会去那里
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多