Карта места / Крытый с использованием D3.js и Geojson
Я создал файл geojson, который содержит все особенности 1-го этажа торгового центра. Я проецировал эту карту места, используя d3.js разных цветов, но только некоторые части, а не полную карту. Ниже приведен код скрипта и ссылка на файл geojson. Также обратите внимание, что я не конвертировал этот геоджон в топойсон и использовал Qgis для рисования карт и c # .net для преобразования данных геометрии в объекты геоджон. Кто-нибудь может проверить мой json и мой код d3.js? Нужно ли использовать какие-либо другие прогнозы?
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); });
});
}