2016-12-07 2 views
0

ich Plugin zu verwenden versuchen ziehen von hier http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-drawnicht in der Lage Polygon auf der Karte Dispaly Plugin Leaflet zieht

und versuchte, sie vor Ort wie unten

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

gezeigt Ich erhalte die Zeichnung Kontrolle und Karte aber der Polygonzeichnungs wird nicht angezeigt, nachdem Zeichnung abgeschlossen ist nicht sicher, wie es zu tun

helfen bitte immer das Polygon auf der Karte gezeichnet, wie in diesem Beispiel gezeigt

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

Antwort

0

Sie müssen eine Objektgruppe erstellen und die Schichten hinzufügen, wenn sie erstellt werden ...

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

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

     drawnItems.addLayer(layer); 
    }); 

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

+0

u können Sie auf einige Beispiel zeigen, wo ich die Koordinaten bekommen des Polygons gezeichnet und andere Operationen –

+0

Draw Plugin erstellt Schichten, die hier dokumentiert sind: http://leafletjs.com/reference.html. Wenn also Draw.Event.CREATED aufgerufen wird, können Sie alle Werte vom Layer abrufen. Wenn Sie beispielsweise ein Rechteck zeichnen, wäre dies http://leafletjs.com/reference.html#rectangle – YaFred