How to integrate with d3 library through ui-model

Tags:

No documentation yet

Authors:Zhicheng Wang

<svg [uiGeoBox]="map">
  <g>
    <g *ngFor="let feature of map.features">
      <path [uiGeoPath]="feature" fill="none" stroke="rgba(61, 61, 61, 1)" stroke-width="0.3"></path>
      <circle [uiGeoGps]="feature.properties.cp" fill="#000" nameX="cx" nameY="cy" r="0.5"></circle>
    </g>
  </g>
  <g class="overlay">
    <g *ngFor="let route of routes;let index = index">
      <line [stroke-width]="0.5" [stroke]="index|d3Colors" [uiGeoLine]="route.vector"></line>
    </g>
  </g>
</svg>