2016-10-05 4 views
1

では関数ではありません。projectionStreamは、私たちは、D3(V3)とtopoJsonを使用して、我々は上にいくつかのポリゴンを描画GMAPを持っているページでは、このウェブサイト上<a href="http://bandaultralarga.italia.it/mappa-bul/" rel="nofollow">http://bandaultralarga.italia.it/mappa-bul/</a></p> <p>を作業しているD3.js v4の

新しいv4に切り替えることで、新しいデータをページ上に追加したいが、すでに持っているものを保持したいと思う。

Googleマップシステムに座標を変換する際に、以下のオーバーレイ機能に問題があります。

path = d3.geo.path().projection(googleMapProjection); 

:我々は切り替えD3 V4のAPIのドキュメントを参照する

path = d3.geoPath().projection(googleMapProjection); 

が、これは、対象エラーを生成する(projectionStream関数ではない。)

任意の手掛かりこれを再び働かせるには?あなたは機能ではなく、path.projection -areに投影もはやサポートを渡す-when

「フォールバックの予測」:

var overlay = new google.maps.OverlayView(); 

overlay.onAdd = function() { 

    var div = document.createElement('div'); 
    div.id = 'svg_map'; 
    div.style.borderStyle = 'none'; 
    div.style.borderWidth = '0px'; 
    div.style.position = 'absolute'; 
    this.getPanes().overlayMouseTarget.appendChild(div); 

    overlay.draw = function() { 

     var overlayProjection = this.getProjection(); 

     var googleMapProjection = function (coordinates) { 
      var googleCoordinates = new google.maps.LatLng(coordinates[0], coordinates[1]); 
      var pixelCoordinates = overlayProjection.fromLatLngToDivPixel(googleCoordinates); 
      return [pixelCoordinates.x + 4000, pixelCoordinates.y + 4000]; 
     }; 

     path = d3.geoPath().projection(googleMapProjection); // Here is where troubles come 

     generaOverlay(overlay, datiShape); 

    }; 

}; 
overlay.setMap(map); 

答えて

関連する問題

 関連する問題