전단지 js : 캔버스로 POI를 그립니다.

Question

전단지로 많은 지리적 포인트를 그려야합니다. 따라서 HTML5 캔버스를 사용하여 성능을 향상시키고 자합니다. 내 데이터가 geoJSON입니다. 전단지의 문서에서 보았 듯이 아직 지리적 위치를 캔버스로 그릴 수는 없습니다.

var anotherGeojsonLayer = new L.GeoJSON(coorsField, { 
     pointToLayer: function (latlng){ 
      return new L.Marker(latlng, { 
       icon: new BaseballIcon() 
      }); 
     } 
    }); 

내가 여기 후크해야한다고 생각 :

pointToLayer : 기능 (위도와 경도를) {}

누군가가 캔버스로 내 위도와 경도 객체를 그리는 방법을 알고 있나요?

Answer 1

저는 엽서 작성자입니다. 일반적인 마커 대신 L.CircleMarker를 사용하고 실험용 L_PREFER_CANVAS 스위치를 사용하여 벡터를 SVG 대신 Canvas (SVG 대신)로 렌더링하면 다음과 같이 할 수 있습니다. https://github.com/CloudMade/Leaflet/blob/master/debug/vector/vector-canvas.html

Answer 2

누구나이 경우를 대비하여 확장 전단 1.0. L.marker() 대신 L.circleMarker()(Leaflet circleMarker documentation)을 사용해야하지만 캔버스 사용 방법이 변경되었습니다.

리플릿 1.0에서는 실험 L_PREFER_CANVAS 스위치가 공식지도 옵션 preferCanvas(Leaflet preferCanvas documentation)으로 업그레이드되었습니다.

var map = L.map('mapid', { 
     preferCanvas: true 
    }); 

또는 캔버스 렌더러를 명시 적으로 설정할 수 있습니다. 나는 이것이 preferCavas 옵션과 같은 것을한다고 생각한다. Leaflet documentation for canvas입니다.

var map = L.map('mapid', { 
     renderer: L.canvas() 
    }); 

L.circleMarker() 이러한 옵션 (preferCanvas: true 또는 renderer: L.canvas()) 중에서는

L.marker()를 사용하여 일반 층보다 훨씬 빨랐다.