小编cal*_*dog的帖子

将 D3 地图放在谷歌地图上

更新 ***

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

maps google-maps overlay google-maps-api-3 d3.js

1
推荐指数
1
解决办法
5374
查看次数

标签 统计

d3.js ×1

google-maps ×1

google-maps-api-3 ×1

maps ×1

overlay ×1