title: Plot points in map d3 javascript
body: <p>i want to draw on map base on longitude and latitude in csv file called tree.csv on a map that i using an image . 
  My csv file include many lines ,so i will just put some lines here</p>
  
  <p>Longitude            Latitude</p>
  
  <p>37.7295482207565      122.392689419827</p>
  
  <p>37.8030467266869      122.425063628702
  ......
  Here is my code</p>
  
  <pre><code>d3.csv("/trees.csv", function(data) {
      dataset=data.map(function(d) { return [+d["Longitude"],+d["Latitude"] ];});
      console.log(data)
      var width = 750,
      height = width;
  
      // Set up projection that map is using
      var projection = d3.geo.mercator()
       .center([-122.433701, 37.767683])
  
       .scale(225000)
       .translate([width / 2, height / 2]);
  
      var path=d3.geo.path().projection(projection);
  
  
      var svgContainer=d3.select("body").append("svg")
      .attr("width",width)
      .attr("height",height);
      svgContainer.append("image")
       .attr("width", width)
       .attr("height", height)
       .attr("xlink:href", "/Ilu.svg");
  
      var trees=svgContainer.selectAll("circles")
      .data(data).enter()
      .append("circles")
  
      var treesAttributes=trees
      .attr("cx",function(d) { return projection(d["Longitude"])[0];})
      .attr("cy",function(d) { return projection(d["Latitude"])[1];})
      .attr("r","100px")
      .style("fill","red");
  </code></pre>
  
  <p>I can see my map but i cant see any  points on my map . When i inspect the web. i see that cx is Nan number ,and cy is same number. I think maybe my array havent been read yet. But i am not sure about the problems. I have been stucked. Can you guys solve me the problem ? Thank you</p>
  
  <p><a href="https://i.stack.imgur.com/WlpGA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WlpGA.png" alt="enter image description here"></a></p>