2016-12-07 2 views
0

Я пытаюсь использовать рисовать плагин здесь http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-drawудалось Dispaly полигон на карте с помощью листовка сделать плагин

и попытался использовать его локально, как показано ниже

<html> 
<head> 

    <title>A Leaflet map!</title> 
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/> 
    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script> 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.css"/> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.js"></script> 
    <style> 
     #map{ height: 100% } 
    </style> 
</head> 
<body> 

<div id="map"></div> 

<script> 

    var map = L.map('map').setView([51.505, -0.09], 13); 
    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 
     attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
    }).addTo(map); 

    var drawControl = new L.Control.Draw({ 
     draw : { 
      position : 'topleft', 
      polygon : true, 
      polyline : false, 
      rectangle : true, 
      circle : false 

     }, 
     edit : false 
    }); 

    map.addControl(drawControl); 

</script> 
</body> 
</html> 

Я получаю рисунок управления и карта, но многоугольник ничья не показана после вытяжки завершения не знаю, как это сделать

Пожалуйста, помощь в получении многоугольника, нарисованный на карте, как показано в этом примере

http://leaflet.github.io/Leaflet.draw/docs/examples/full.html 

ответ

0

Вы должны создать полнометражную группу и добавить слои, когда они созданы ...

var drawnItems = L.featureGroup().addTo(map); 

    map.on(L.Draw.Event.CREATED, function (event) { 
     var layer = event.layer; 

     drawnItems.addLayer(layer); 
    }); 

увидеть источник http://leaflet.github.io/Leaflet.draw/docs/examples/full.html

+0

может у пожалуйста, указать на некоторые примеры, где я могу получить координаты отрисованного многоугольника и других операций –

+0

Рисование плагина создает слои, которые описаны здесь: http://leafletjs.com/reference.html. Поэтому, когда вызывается Draw.Event.CREATED, вы можете получить все значения из слоя. Например, если вы нарисуете прямоугольник, это будет http://leafletjs.com/reference.html#rectangle – YaFred

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