মানচিত্রে আপনার পয়েন্টগুলির ল্যাট এবং লম্বা প্রজেক্ট করতে আপনার একটি প্রজেকশন () ফাংশন থাকা দরকার। ডিফল্টরূপে, ডি 3 জিও পাথটি আলবারস ইউএসএ প্রজেকশনটি ব্যবহার করে, যাতে আপনি এটি স্পষ্টভাবে ঘোষণা করতে পারেন:
var projection = d3.geo.albersUsa();
আপনি এটি এমন উদাহরণগুলিতে দেখবেন যা আলবারসুসা ব্যবহার করে না এবং প্রজেকশনটি সংজ্ঞায়িত করে আপনি এটি সংশোধন করতে পারেন। এটি সংজ্ঞায়িত করা এটি একটি ফাংশন হিসাবে উপলব্ধ করে। এইভাবে আপনি আপনার পয়েন্টগুলি এসভিজি চেনাশোনা হিসাবে রাখতে পারেন:
svg.append("circle").attr("r",5).attr("transform", function() {return "translate(" + projection([-75,43]) + ")";});
এটি নিউ ইয়র্কের রুক্ষ আশেপাশে একটি বৃত্ত ফেলে দেওয়া উচিত। তারপরে আপনি "ল্যাট" এবং "লম্বা" বৈশিষ্ট্য হিসাবে ডেটা বেঁধে রাখতে পারেন, এই ক্ষেত্রে এটি দেখতে এটির মতো হবে:
svg.selectAll("circles.points")
.data(yourData)
.enter()
.append("circle")
.attr("r",5)
.attr("transform", function(d) {return "translate(" + projection([d.long,d.lat]) + ")";});
অভিক্ষেপ ফাংশন [লম্বা, ল্যাট] অ্যারে নেয় এবং একটি [x, y] অ্যারে প্রদান করে, যা রূপান্তর, রূপান্তর () সিনট্যাক্সে সূক্ষ্ম ফিট করে বা আপনি এক্স এবং y মানগুলির জন্য অ্যারেরকে বিভক্ত করতে পারেন।
নীচের উদাহরণটি পলিসি, লাইন এবং পয়েন্টগুলি রাখে এবং সিএসভি থেকে পয়েন্টগুলি নিয়ে একটি মানচিত্রে প্রজেক্ট করে তবে লক্ষ্য করুন যে এটি জি উপাদানকে রূপান্তর করে এবং সেই উপাদানটির সাথে একটি বৃত্ত যুক্ত করে (আপনি সম্ভবত একটি লেবেল বা অন্যান্য দিকও চাইতে পারেন) কোনও সাইটে, যার সবগুলিই সেই প্রস্তাবিত জি উপাদানটিতে যুক্ত করা হবে):
https://gist.github.com/4414107
http://bl.ocks.org/d/4414107/