It's because you are still using points and assigning the wrong spatial reference.var polylineJson2 = { "paths":[[[201394.01178484457,173661.08635829584],[201392.0117168416,173661.08690949593],[ 201388.01158083565, 173661.08801189612 ],[ 201386.01151283266, 173661.08856309619 ],[ 201384.0114448297, 173661.08911429628 ],[ 201382.0113768267, 173661.08966549637 ],[ 201380.01130882374, 173661.09021669647 ],[ 201378.01124082075, 173661.09076789653 ] ] ],"spatialReference":{"wkid":102100} }; These points are not 102100. An example of coordinates with a spatial reference of 102100: [-7900279.71, 5103864.38]I tried taking one of your path coordinates and was able to add a point to the map using a spatial reference of 26973 (as you mentioned earlier in the thread) and it was successful.Sample below; click on the points to print data about that point in the console.However, like I said, you will need to convert your data into a usable format.The other potential option is to use a custom basemap with a spatial reference of 26973 (but I feel like this is more work overall).
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Build your first application</title>
<link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
<style type="text/css">
html, body, #map {
padding: 0;
margin: 0;
height: 100%;
}
</style>
<script src="http://js.arcgis.com/3.8/"></script>
<script>
var map;
require(["esri/map", "dojo/ready", "dojo/on", "esri/geometry/Polyline", "esri/graphic", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleMarkerSymbol", "esri/SpatialReference", "esri/geometry/Point", "dojo/domReady!"], function(Map, ready, on, Polyline, Graphic, SimpleLineSymbol, SimpleMarkerSymbol, SpatialReference, Point) {
var map = new Map("map", {
center: [-122.58, 45.55], //longitude, latitude
zoom: 3,
basemap: "streets",
slider: true, //default
sliderPosition: "top-left" //default
});
ready(function (){
on(map, "load", drawPath);
on(map, "click", function(evt){
if (evt.graphic) {
console.log("Graphic Object:", evt.graphic);
console.log("Spatial Reference Object:", evt.graphic.geometry.spatialReference);
console.log("type:", evt.graphic.geometry.type);
console.log("wkid:", evt.graphic.geometry.spatialReference.wkid);
console.log("X:", evt.graphic.geometry.x);
console.log("Y:", evt.graphic.geometry.y);
}
});
function drawPath(){
var polylineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 3);
var polylineJson = { "paths":[[[-122.68,45.53], [-122.58,45.55], [-122.57,45.58],[-122.53,45.6]]], "spatialReference":{"wkid":4326}};
var polyline = new Polyline(polylineJson);
var polylineGraphic = new Graphic(polyline, polylineSymbol, null, null);
map.graphics.add(polylineGraphic);
var pSymbol = new SimpleMarkerSymbol().setStyle(SimpleMarkerSymbol.STYLE_CIRCLE).setColor("#FFFF00");
var pnt = new Point(-122.58, 45.55, new SpatialReference(4326));
var pointGraphic = new Graphic (pnt, pSymbol);
map.graphics.add(pointGraphic);
try{
var testSymbol = new SimpleMarkerSymbol().setStyle(SimpleMarkerSymbol.STYLE_CIRCLE).setColor("#FF0000");
var testPoint = new Point(201394.01178484457, 173661.08635829584, new SpatialReference({wkid:26973});
var testGraphic = new Graphic (testPoint, testSymbol);
map.graphics.add(testGraphic);
}catch(e){
console.log(e);
}
}
});
});
</script>
</head>
<body class="claro"></body>
</html>
Could you post the latitude and longitude of your coordinates?
.png "JonathanUihlein"){kind=avatar}
