Solved! Go to Solution.
function init() { var options = { basemap : "gray", center : [115.246, 5.25803], zoom : 11 }; // Create map map = new esri.Map("mapDiv", options); var p1 = new esri.geometry.Point(115.246, 5.25803); var p2 = new esri.geometry.Point(115.2462, 5.22964); var line = new esri.geometry.Polyline(); line.addPath([p1, p2]); var pointSym = new esri.symbol.SimpleMarkerSymbol(); var lineSym = new esri.symbol.SimpleLineSymbol().setColor(new dojo.Color("blue")); var infoTemplate = new esri.InfoTemplate("title","content"); var gLayer = new esri.layers.GraphicsLayer({ "id" : "scratch" }); // create a graphic var pt1Graphic = new esri.Graphic(p1, pointSym); var pt2Graphic = new esri.Graphic(p2, pointSym); pt1Graphic.setInfoTemplate(infoTemplate); pt2Graphic.setInfoTemplate(infoTemplate) var lineGraphic = new esri.Graphic(line, lineSym); // add it to the graphics layer gLayer.add(lineGraphic); gLayer.add(pt1Graphic); gLayer.add(pt2Graphic); // add the graphics layer to the map map.addLayer(gLayer); }
dojo.require("esri.map"); var map; function init() { var options = { basemap: "gray", center: [114.772, 5.12609], zoom: 11 }; // Create map map = new esri.Map("mapDiv",options); //var line = new esri.geometry.Polyline(); line.addPath([ [115.246, 5.25803], [115.2462, 5.22964],[115.2109,5.19103] ]); //var sym = new esri.symbol.SimpleLineSymbol().setColor(new dojo.Color("blue")); var sms = new esri.symbol.SimpleMarkerSymbol().setStyle(esri.symbol.SimpleMarkerSymbol.STYLE_SQUARE).setColor(new dojo.Color([255,0,0,0.5])); var attr = {"Xcoord":evt.mapPoint.x,"Ycoord":evt.mapPoint.y,"Plant":"Mesa Mint"}; var infoTemplate = new esri.InfoTemplate("Vernal Pool Locations","Latitude: ${Ycoord} <br/>Longitude: ${Xcoord} <br/>Plant Name:${Plant}"); // create a new graphics layer var gLayer = new esri.layers.GraphicsLayer({ "id": "scratch" }); // create a graphic var graphic = new esri.Graphic(line,sms,attr,infoTemplate); //var graphic = new esri.Graphic(line,sym); // add it to the graphics layer gLayer.add(graphic); // add the graphics layer to the map map.addLayer(gLayer); } dojo.addOnLoad(init);
new esri.geometry.Polyline(new esri.SpatialReference({wkid:4326}));
dojo.require("esri.map"); var map; function init() { var options = { basemap: "gray", center: [114.772, 5.12609], zoom: 11 }; // Create map map = new esri.Map("mapDiv",options); var p1 = new esri.geometry.Point(115.246, 5.25803, map.spatialReference); var p2 = new esri.geometry.Point(115.2462, 5.22964, map.spatialReference); var line = new esri.geometry.Polyline(new esri.SpatialReference({wkid:4326})); line.addPath([p1, p2]); var sym = new esri.symbol.SimpleLineSymbol().setColor(new dojo.Color("blue")); var gLayer = new esri.layers.GraphicsLayer({ "id": "scratch" }); // create a graphic var graphic = new esri.Graphic(line,sym); // add it to the graphics layer gLayer.add(graphic); // add the graphics layer to the map map.addLayer(gLayer); } dojo.addOnLoad(init);
i take that back. derek used a web mercator basemap in his sample as well, so there must be something else going on.