2016-12-07 6 views
0

플러그인 그릴 사용하여지도에 다각형을 DISPALY 내가 드로잉 컨트롤을 얻고있다리플릿 내가 <a href="http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-draw" rel="nofollow noreferrer">http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-draw</a></p> <p>여기에서 플러그인을 그릴 사용하려고

<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

Draw Plugin은 http://leafletjs.com/reference.html에 문서화 된 레이어를 생성합니다. 따라서 Draw.Event.CREATED가 호출되면 레이어의 모든 값을 가져올 수 있습니다. 예를 들어 직사각형을 그릴 경우 http://leafletjs.com/reference.html#rectangle – YaFred