2016-12-07 7 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

のソースは、uは、いくつかの例を指してくださいすることができます参照...機能グループを作成し、それらが作成されるときにレイヤーを追加する必要があります描画されたポリゴンとその他の操作 –

+0

Draw Pluginは、ここに記述されているレイヤーを作成しています:http://leafletjs.com/reference.html。したがって、Draw.Event.CREATEDが呼び出されると、レイヤーからすべての値を取得できます。たとえば、四角形を描画する場合は、http://leafletjs.com/reference.html#rectangle – YaFred

関連する問題

 関連する問題