2015-03-16 3 views
0

Я новичок в leaflet.js и CartoDB.js. То, что я пытаюсь сделать, это создать редактируемый webmap, источник (и запись) данных в мои таблицы SQL CartoDB. Я могу отобразить карту из CartoDB, но когда я добавляю ссылки на leaflet.js, мои слои карт исчезают. Это показывает JS Fiddle. Если закомментировать строки 5 и 6, он работает:leaflet.draw с CartoDB

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

ответ

1

Вам не нужно добавлять библиотеки листовки в яваскрипте и таблицу стилей при использовании CartoDB, просто включают в себя активы листовки DRAW, в включите drawControl опция в настройках L.Map, и вы хорошо идти:

Активы:

<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/

+0

Благодаря iH8 - что сделал трюк ... теперь мне нужно, чтобы выяснить, как писать изменения обратно в таблицу CartoDB, я следую этой теме (http://blog.cartodb.com/read-and-write-to-cartodb-with-the-leaflet-draw-plugin/) - Я думаю, что это меня доставит – BretW

Смежные вопросы