Local / mapa interno usando D3.js e Geojson
Criei um arquivo geojson que contém todos os recursos do 1º andar de um shopping center. Projetei esse mapa do local usando o d3.js. com cores diferentes, mas apenas algumas partes não o mapa completo. Abaixo está o código do script e o link para o arquivo geojson. Observe também que eu não converti esse geojson em topojson e usei o Qgis para desenhar os mapas ec # .net para converter os dados da geometria em objetos geojson. Alguém pode verificar meu código json e d3.js. Preciso usar outras projeções?
https://www.dropbox.com/s/8pu2s0yamfkd89p/JSONfromDB_8Feb2014.json
$(document).ready(function () {
parseResultShopDetails();
});
function parseResultShopDetails() {
var width = 600, height = 300;
var svg = d3.select("#map").append("svg")
.attr("width", width)
.attr("height", height);
var projection = d3.geo.mercator()
.scale(30)
.translate([width / 2, height / 2]);
var path = d3.geo.path()
.projection(projection);
d3.json("http://localhost:1209/data/JSONfromDB_8Feb2014.json", function (error, jsonData) {
var color1 = d3.scale.category10();
svg.selectAll("path")
.data(jsonData.features)
.enter()
.append("path")
.attr("d", path)
.attr("text", function (d, i) { return "js"; })
.attr("fill", function (d, i) { return color1(i); });
});
}