leaflet.draw 표시 자 속성에 대한 사용자 정의 마커 놓기

Question

사용자가지도에 마커를 배치 할 수 있도록 허용하려면 leaflet.draw 플러그인을 사용하고 있지만 사용자 정의 아이콘, 맞춤 너비 및 맞춤 높이를 사용하기 위해 drawControl에서 구성을 제공하는 방법을 모르는 경우 그것은뿐만

var drawControl = new L.Control.Draw({ 
      draw : { 
       position : 'topleft', 
       polygon : { 
       shapeOptions: { 
        color: 'red' 
       } 
       }, 
       marker:{ 
        iconUrl: 'http://joshuafrazier.info/images/firefox.svg' 
       }, 
       polyline : false, 
       rectangle : { 
        shapeOptions: { 
         color: 'blue' 
        } 
       }, 
       circle : false 
      }, 
      edit: { 
      featureGroup: editableLayers, //REQUIRED!! 
       remove: true 

     } 


     }); 

아래에 표시하지만 여전히 나는 기본 마커를 받고 내가 구성에 대해 알고 참조해야 할 문서 http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-latlngutil 날 지점 입력하고 당신은 마커를 할당 할 필요가 그것을

Answer 1

을 수행하는 방법입니다 옵션 아이콘 속성은 마커 아이콘입니다.

1. 리플렛 L.Icon 클래스를 사용하여 맞춤 마커 아이콘을 만드세요.

   var customMarker= L.Icon.extend({ 
       options: { 
        shadowUrl: null, 
        iconAnchor: new L.Point(12, 12), 
        iconSize: new L.Point(24, 24), 
        iconUrl: 'http://joshuafrazier.info/images/firefox.svg' 
       } 
   }); 
   

2. 마커 아이콘 속성에 할당 customMarker

   var drawControl = new L.Control.Draw({ 
       draw : { 
       position : 'topleft', 
       polygon : { 
        shapeOptions: { 
        color: 'red' 
        } 
       }, 
       marker: { 
        icon: new customMarker() //Here assign your custom marker 
       }, 
       polyline : false, 
       rectangle : { 
        shapeOptions: { 
        color: 'blue' 
        } 
       }, 
       circle : false 
       }, 
       edit: { 
       featureGroup: editableLayers, //REQUIRED!! 
       remove: true 
       } 
   }); 
   

여기