更新 ***
我已将地图添加到叠加层,但是当我缩放地图时,我没有在 d3 地图上缩放,另外我如何将我的地图与谷歌对齐?[链接][1]
更新 2
我终于将我的 d3 地图与谷歌地图对齐,但是当我缩放时,停留在固定位置图像和 图像 1
这是代码:`
var map = new google.maps.Map(d3.select("#map").node(), {
zoom: 8,
center: new google.maps.LatLng(43.469740, 10.946157),
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles:[{"stylers": [{"saturation": -75},{"lightness": 10}]}]
});
d3.json("weekdays0_level_2.json", function(error,data){
    if (error) throw error
    //console.log(data[0].comuni[0].geometry.coordinates);
    var overlay = new google.maps.OverlayView();
    overlay.onAdd = function() {
        var layer = d3.select(this.getPanes().overlayLayer).append("div")
        overlay.draw = function() {
            layer.select('svg').remove();
            var w = 900;
            var h = 600;
            var color = ['#e41a1c','#377eb8','#4daf4a','#984ea3','#ff7f00','#ffff33','#a65628','#f781bf','#999999'];
            var heat_color = d3.scale.linear().domain([0, 1]).range(['#b2df8a', '#ff7f00']).interpolate(d3.interpolateHcl);
            var projection = …Run Code Online (Sandbox Code Playgroud)