Programmatically adding multiple points to the map

Question

All,

I intend to programatically add Points(Pins) on the map.

I have a function which looks like this

var mp = new esri.geometry.Multipoint(new esri.SpatialReference({wkid:4326}));
 mp.points =  [[-122.63,45.51],[-122.56,45.51],[-122.56,45.55],[-122.62,45.],[-122.59,45.53]];
 
 var simpleMarkerSymbol = new esri.symbol.PictureMarkerSymbol('images/red-pushpin.png', 24, 24);
 var infoTemplate = new esri.InfoTemplate("Vernal Pool Locations");   
 var graphic = new esri.Graphic(mp, simpleMarkerSymbol, infoTemplate);
 
   console.debug("adding a graphic to the map" + graphic);
   map.graphics.add(graphic);

I am using 2.4 version of the JSAPI. Upon executing, the pin gets placed at the centre of the map and all i see is one (overlapping) pin

Any thoughts on where I might be going wrong?

KhaldoonMansour · Answer

Your reply was very helpful , thank you so much , how do i make a distinguish infoTemplate for each point ?

derekswingley1 · Answer

What's the spatial reference of your map? Is it geographic? Or are you using web mercator? If you're using web mercator, convert from lat, long to web merc using esri.geometry.geographicToWebMercator before creating your graphic. There's also a syntax issue with how you are defining your points. You should either pass your points to the MultipPoint constructor (as shown below) or use the addPoint() method to add points.