更新 ***
我已将地图添加到叠加层,但是当我缩放地图时,我没有在 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)