(6 intermediate revisions by 2 users not shown) | |||
Line 128: | Line 128: | ||
function init(){ | function init(){ | ||
− | width = | + | width = 500, |
− | height = | + | height = 500; |
Line 142: | Line 142: | ||
start = [49.4057072, 8.6135741] | start = [49.4057072, 8.6135741] | ||
//Setup zoom behavior | //Setup zoom behavior | ||
− | var zoom = d3.behavior.zoom( | + | var zoom = d3.behavior.zoom(true) |
.translate(projection.origin()) | .translate(projection.origin()) | ||
− | .scale(projection.scale()) | + | .scale(projection.scale()-50) |
− | .scaleExtent([ | + | .scaleExtent([200, 200]) |
.on("zoom", move); | .on("zoom", move); | ||
var circle = d3.geo.greatCircle(); | var circle = d3.geo.greatCircle(); | ||
− | + | //var lineTooltip = d3.select('#show'); | |
var svg = d3.select("#globe") | var svg = d3.select("#globe") | ||
Line 202: | Line 202: | ||
return arcPath(circle.clip(d)); | return arcPath(circle.clip(d)); | ||
}).on("mouseover", function(d) { | }).on("mouseover", function(d) { | ||
− | lineTooltip.html( | + | lineTooltip.html(d.properties.name); |
}); | }); | ||
Line 213: | Line 213: | ||
return devPath(circle.clip(d)); | return devPath(circle.clip(d)); | ||
}).on("mouseover", function(d) { | }).on("mouseover", function(d) { | ||
− | lineTooltip.html( | + | lineTooltip.html(d.properties.name); |
}); | }); | ||
Latest revision as of 12:06, 1 November 2017